:root{--neon-pink: #ff00ff;--neon-cyan: #00ffff;--neon-green: #00ff00;--neon-purple: #b026ff;--neon-red: #ff0040;--dark-bg: #0a0a0f;--darker-bg: #050508;--text-color: #e0e0e0;--glow-intensity: 0 0 10px, 0 0 20px, 0 0 30px;--input-bg: rgba(5, 5, 15, .95)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background-color:var(--darker-bg);color:var(--text-color);overflow-x:hidden;overflow-y:auto;width:100vw;min-height:100vh;position:relative}#mapCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;animation:fadeIn 2s ease-in forwards}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:3;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;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)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:2;opacity:.3}.container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;padding:2rem}.typewriter-container{margin-bottom:4rem;text-align:center}.main-text{font-weight:700;letter-spacing:.05em;color:var(--neon-cyan);text-shadow:var(--glow-intensity) var(--neon-cyan);position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.5rem);line-height:1.2}.main-text .word{display:inline-block;opacity:0;white-space:nowrap}.main-text .word.visible{animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.main-text:after{content:"|";animation:blink 1s step-end infinite;opacity:0}.main-text.typing:after{opacity:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.main-text.glitch{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes signalFlicker{0%,to{opacity:1}2%,8%,15%,23%,40%,56%,72%,89%{opacity:.98}4%,12%,18%,26%,43%,60%,76%,91%{opacity:1}6%,14%,21%,35%,48%,65%,82%,94%{opacity:.96}}.cta-container{text-align:center;opacity:0;transform:translateY(20px);padding:1.5rem 1.75rem;background:#05050f59;border:1px solid rgba(0,255,255,.22);box-shadow:0 0 30px #00ffff1f,inset 0 0 30px #ff00ff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cta-container.visible{animation:slideUp .8s ease-out forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.form-wrapper{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:stretch}.city-select{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 3rem 1rem 1.5rem;background:var(--input-bg);border:2px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:4px;outline:none;transition:all .3s ease;min-width:200px;box-shadow:0 0 20px #0ff6,inset 0 0 10px #00ffff1a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.city-select:focus{border-color:var(--neon-pink);box-shadow:0 0 30px #f0f9,inset 0 0 20px #ff00ff26;animation:signalFlicker 3s infinite}.city-select option{background:#05050ffa;color:var(--neon-cyan);padding:.5rem;font-weight:700}.email-input{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 1.5rem;background:var(--input-bg);border:2px solid var(--neon-cyan);color:var(--neon-cyan);border-radius:4px;outline:none;transition:all .3s ease;min-width:280px;box-shadow:0 0 20px #0ff6,inset 0 0 10px #00ffff1a}.email-input:focus{border-color:var(--neon-pink);box-shadow:0 0 30px #f0f9,inset 0 0 20px #ff00ff26;animation:signalFlicker 3s infinite}.email-input::placeholder{color:#0ff6;font-weight:400}.submit-btn{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 2rem;background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));color:#fff;border:none;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #ff00ff80;text-transform:uppercase;letter-spacing:.1em}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:before{width:300px;height:300px}.submit-btn:hover{box-shadow:0 0 30px #f0fc,0 0 40px #0ff9;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:hover{animation:btnGlitch .3s ease-in-out}@keyframes btnGlitch{0%,to{transform:translateY(-2px)}25%{transform:translate(-2px,-4px)}75%{transform:translate(2px,-4px)}}.tagline{font-size:.9rem;color:#e0e0e0b3;letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem}.headline-container{text-align:center;margin-bottom:3rem;padding:1.75rem 2rem;background:#05050f47;border:1px solid rgba(0,255,255,.18);box-shadow:0 0 30px #00ffff1a,inset 0 0 26px #00ffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.headline{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan);margin-bottom:2rem;line-height:1.4;letter-spacing:.05em;animation:subtleGlow 4s ease-in-out infinite}.subheadline{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--neon-pink);line-height:2;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.subheadline .subline{display:block;text-shadow:0 0 8px var(--neon-pink)}.body-text{font-family:JetBrains Mono,monospace;font-size:1rem;color:#e0e0e0d9;line-height:2;margin-bottom:2rem}.input-label{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);margin-bottom:1rem;letter-spacing:.05em}@keyframes subtleGlow{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan)}50%{text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 45px var(--neon-cyan)}}@media(max-width:768px){.form-wrapper{flex-direction:column;align-items:stretch}.city-select,.email-input{min-width:auto;width:100%}.submit-btn{width:100%}.headline-container{margin-bottom:2rem}.headline{font-size:1.8rem}.subheadline{font-size:1rem}.body-text{font-size:.9rem}.input-label{font-size:1rem}.typewriter-container{margin-bottom:3rem}.main-text{flex-direction:column;gap:clamp(.3rem,1vw,.8rem);line-height:1.1}.main-text .word[data-word="DON'T"],.main-text .word[data-word=KILL]{display:block}.main-text .word[data-word=THE],.main-text .word[data-word="PARTY."]{display:inline-block}.main-text .word[data-word=KILL]:before{content:"";display:block;width:100%;height:0}}.submit-btn.loading{pointer-events:none;opacity:.6}.submit-btn.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.form-message{margin-top:1rem;padding:.75rem 1.5rem;border-radius:4px;font-size:.9rem;text-align:center;opacity:0;transition:opacity .3s ease}.form-message.success{background:#00ff001a;border:1px solid var(--neon-green);color:var(--neon-green)}.form-message.error{background:#ff00401a;border:1px solid var(--neon-red);color:var(--neon-red)}
