.scifi-banner{position:relative;width:100%;max-width:500px;margin:1.5rem auto 0;cursor:pointer}.banner-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.banner-frame{position:absolute;top:20px;left:20px;right:20px;bottom:20px;pointer-events:none}.banner-frame .corner{position:absolute;width:20px;height:20px;border-color:#ff0040;opacity:.8;transition:all .3s ease}.banner-frame .corner.tl{top:0;left:0;border-top:2px solid;border-left:2px solid}.banner-frame .corner.tr{top:0;right:0;border-top:2px solid;border-right:2px solid}.banner-frame .corner.bl{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.banner-frame .corner.br{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.scifi-banner.hovered .banner-frame .corner{border-color:#0ff;width:30px;height:30px;box-shadow:0 0 15px #00ffff80}.transmission-label{font-family:var(--font-terminal);font-size:.7rem;color:#0ff;letter-spacing:.2em;margin-bottom:1rem;animation:blink 1.5s ease-in-out infinite;text-shadow:0 0 10px rgba(0,255,255,.5)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.coming-title{font-family:var(--font-title);font-size:clamp(2rem,8vw,3.5rem);color:#ff0040;text-shadow:0 0 20px rgba(255,0,64,.8),0 0 40px rgba(255,0,64,.5),0 0 60px rgba(255,0,64,.3);letter-spacing:.1em;margin:0 0 1rem;animation:flicker 3s ease-in-out infinite;transition:all .3s ease}.scifi-banner.hovered .coming-title{text-shadow:0 0 30px #ff0040,0 0 60px rgba(255,0,64,.8),0 0 90px rgba(255,0,64,.5),2px 0 0 rgba(0,255,255,.5),-2px 0 0 rgba(0,255,255,.5)}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.coming-message{font-family:var(--font-terminal);font-size:.85rem;color:#ffffff80;line-height:1.8;letter-spacing:.05em;transition:color .3s ease}.scifi-banner.hovered .coming-message{color:#ffffffb3}.signal-indicator{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.signal-dot{width:8px;height:8px;border-radius:50%;background:#ff0040;animation:signal 1.5s ease-in-out infinite}.signal-dot:nth-child(2){animation-delay:.2s}.signal-dot:nth-child(3){animation-delay:.4s}.scifi-banner.hovered .signal-dot{background:#0ff}@keyframes signal{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1);box-shadow:0 0 15px currentColor}}.scan-line{position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);opacity:0;animation:scan 3s ease-in-out infinite;pointer-events:none}.scifi-banner.hovered .scan-line{opacity:.8}@keyframes scan{0%{top:20px;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:calc(100% - 20px);opacity:0}}@media(max-width:768px){.scifi-banner{height:250px;margin-top:2rem}.banner-content{padding:1rem}.transmission-label{font-size:.6rem}.coming-message{font-size:.75rem}}.coming-soon-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#0a0a0f,#1a0a15,#0a0a0f)}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-image{width:100%;height:100%;object-fit:cover;opacity:.4;filter:saturate(.8) contrast(1.1)}.hero-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0a0a0fb3,#1a0a1599,#0a0a0fe6)}.hero-lightning{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;z-index:1;pointer-events:none}.hero-glow{position:absolute;top:50%;left:50%;width:800px;height:800px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,0,64,.15) 0%,transparent 60%);z-index:1;pointer-events:none;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.hero-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:2;pointer-events:none;opacity:.5}.hero-fog{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(10,10,15,.9) 0%,transparent 100%);z-index:2;pointer-events:none}.coming-soon-content{position:relative;z-index:10;text-align:center;padding:1rem;max-width:800px}.coming-soon-content .stranger-title{opacity:.7;animation:none;filter:drop-shadow(0 0 6px rgba(255,0,0,.6)) drop-shadow(0 0 15px rgba(255,0,0,.4)) drop-shadow(0 0 30px rgba(255,0,0,.2))}.hero-subtitle{font-family:var(--font-terminal);font-size:1rem;color:#ffffffb3;letter-spacing:.3em;margin-top:1.5rem;text-transform:uppercase;opacity:.8}.hero-subtitle .dot{color:#ff0040;margin:0 1rem;text-shadow:0 0 10px rgba(255,0,64,.8)}.audio-indicator{position:fixed;bottom:2rem;right:2rem;z-index:9999}@media(max-width:768px){.coming-soon-content{padding:1.5rem}.hero-subtitle{font-size:.75rem;letter-spacing:.15em}.hero-subtitle .dot{margin:0 .5rem}.audio-indicator{bottom:1rem;right:1rem}}