@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";
.coming-soon-page{background:#000;width:100%;min-height:100vh;font-family:Rajdhani,sans-serif;position:relative;overflow:hidden}.background-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.city-background{background-image:url(/city-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:40s ease-in-out infinite alternate slowZoom;position:absolute;top:0;left:0}@keyframes slowZoom{0%{filter:brightness(.6);transform:scale(1)}50%{filter:brightness(.7)}to{filter:brightness(.6);transform:scale(1.15)}}.background-overlay{background:linear-gradient(#000000b3 0%,#0000004d 30%,#0003 50%,#0006 70%,#000000e6 100%),radial-gradient(at 50% 30%,#00ffff1a 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.background-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vignette{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 200px 50px #000c}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;animation:.5s steps(5,end) infinite noiseShift;position:absolute;top:0;left:0}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,-2px)}to{transform:translate(2px,2px)}}.content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.logo-container{margin-bottom:3rem;animation:1s ease-out fadeInDown,6s ease-in-out 1s infinite float}.logo{filter:drop-shadow(0 0 30px #00ffff80)drop-shadow(0 0 60px #00ffff4d);width:400px;max-width:90vw;height:auto;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 40px #00ffffb3)drop-shadow(0 0 80px #00ffff80)}.logo-container.glitch .logo{animation:.15s steps(2,end) forwards logoGlitch}@keyframes logoGlitch{0%{filter:drop-shadow(0 0 30px #00ffff80);transform:translate(0)}25%{filter:drop-shadow(5px 0 10px #ff006480)drop-shadow(-5px 0 10px #00ffff80);transform:translate(-5px,2px)}50%{filter:drop-shadow(-5px 0 10px #ff006480)drop-shadow(5px 0 10px #00ffff80);transform:translate(5px,-2px)}75%{filter:drop-shadow(3px 0 10px #ff006480);transform:translate(-3px,1px)}to{filter:drop-shadow(0 0 30px #00ffff80);transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.text-container{animation:1s ease-out .3s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-line{color:#0ff;letter-spacing:4px;opacity:.8;margin-bottom:1.5rem;font-family:Share Tech Mono,monospace;font-size:.85rem;animation:3s infinite blink}.bracket{color:#0ff;opacity:.6}.status-text{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes blink{0%,90%,to{opacity:.8}95%{opacity:.3}}.coming-soon-title{flex-direction:column;gap:.5rem;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(3rem,12vw,8rem);font-weight:900;line-height:1;display:flex}.title-line{color:#fff;text-shadow:0 0 10px #ffffff80,0 0 30px #00ffff4d,0 0 50px #0ff3;letter-spacing:.2em;display:block}.title-line.accent{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 30px #00ffff80,0 0 50px #00ffff4d,0 0 80px #0ff3;animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #0ffc,0 0 30px #00ffff80,0 0 50px #00ffff4d}50%{text-shadow:0 0 20px #0ff,0 0 40px #00ffffb3,0 0 70px #00ffff80,0 0 100px #00ffff4d}}.coming-soon-title.glitch-text{animation:.15s steps(3,end) forwards textGlitch}@keyframes textGlitch{0%{transform:translate(0)}20%{clip-path:inset(20% 0 60%);transform:translate(-3px,2px)}40%{clip-path:inset(60% 0 10%);transform:translate(3px,-2px)}60%{clip-path:inset(40% 0 30%);transform:translate(-2px,1px)}80%{clip-path:inset(10% 0 70%);transform:translate(2px,-1px)}to{clip-path:none;transform:translate(0)}}.tagline{color:#ffffffb3;letter-spacing:2px;margin-top:2rem;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:300}.typing-text{white-space:nowrap;border-right:2px solid #0ff;width:0;animation:2s steps(26,end) 1s forwards typing,.75s step-end infinite blinkCaret;display:inline-block;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blinkCaret{0%,to{border-color:#0000}50%{border-color:#0ff}}.divider{opacity:.6;justify-content:center;align-items:center;gap:1rem;margin:2.5rem 0;display:flex}.divider-line{background:linear-gradient(90deg,#0000,#0ff,#0000);width:100px;height:1px}.divider-icon{color:#0ff;font-size:.8rem;animation:8s linear infinite rotateDiamond}@keyframes rotateDiamond{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #0ff3;flex-direction:column;gap:.5rem;padding:1.5rem 2rem;font-family:Share Tech Mono,monospace;font-size:.9rem;animation:4s ease-in-out infinite borderPulse;display:flex}@keyframes borderPulse{0%,to{border-color:#0ff3}50%{border-color:#00ffff80}}.info-row{justify-content:center;gap:1rem;display:flex}.label{color:#ffffff80}.value{color:#0ff}.value.blink{animation:1.5s ease-in-out infinite valueBlink}@keyframes valueBlink{0%,to{opacity:1}50%{opacity:.5}}.footer{text-align:center;animation:1s ease-out .6s backwards fadeIn;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-line{background:linear-gradient(90deg,#0000,#00ffff4d,#0000);width:200px;height:1px;margin:0 auto 1rem}.copyright{color:#ffffff4d;letter-spacing:2px;font-family:Share Tech Mono,monospace;font-size:.7rem}@media (max-width:768px){.logo{width:300px}.coming-soon-title{font-size:clamp(2rem,15vw,4rem)}.tagline{font-size:1rem}.typing-text{white-space:normal;border-right:none;width:auto;animation:none}.divider-line{width:60px}.info-block{padding:1rem;font-size:.8rem}}@media (max-width:480px){.logo{width:250px}.status-line{letter-spacing:2px;font-size:.7rem}.info-row{flex-direction:column;gap:.25rem}}