:root{
	--bg-1:#04040a;
	--bg-2:#09021a;
	--neon-pink:#ff3cac;
	--neon-cyan:#00e0ff;
	--muted:#9aa7b8;
	--glass:rgba(255,255,255,0.03);
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial;background:#000;display:flex;align-items:center;justify-content:center;color:#e9f6ff;overflow:hidden}

.bg-overlay{
	position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 10% 20%, rgba(255,60,172,0.08) 0%, transparent 12%), radial-gradient(ellipse at 90% 80%, rgba(0,224,255,0.06) 0%, transparent 14%);
	pointer-events:none;mix-blend-mode:screen;
}

.container{position:relative;z-index:2;width:100%;max-width:980px;padding:2rem}
.neon{font-family:Orbitron, Poppins, sans-serif}
.brand{text-align:center;margin-bottom:1rem}
.logo{margin:0;font-size:2rem;letter-spacing:0.06em;color:var(--neon-pink);text-shadow:0 0 10px rgba(255,60,172,0.85),0 0 30px rgba(255,60,172,0.25);display:inline-block}
.logo .dot{color:var(--neon-cyan);margin:0 6px;text-shadow:0 0 12px rgba(0,224,255,0.9)}
.tag{color:var(--muted);margin:0.25rem 0;font-weight:300}

.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:14px;padding:2rem;max-width:760px;margin:0 auto;border:1px solid rgba(255,255,255,0.04);box-shadow:0 8px 30px rgba(0,0,0,0.6);backdrop-filter:blur(6px)}
.hero{margin:0 0 .5rem 0;font-size:1.75rem;color:transparent;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));-webkit-background-clip:text;background-clip:text}
.lead{color:var(--muted);margin:0 0 1rem 0}

.form-row{display:flex;gap:0.6rem;margin-top:1rem}
input[type="email"]{flex:1;padding:0.9rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,0.06);background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);color:inherit;font-size:1rem;outline:none;box-shadow:inset 0 0 30px rgba(0,0,0,0.4)}
.btn-neon{padding:0.9rem 1.1rem;border-radius:10px;border:0;cursor:pointer;font-weight:700;color:white;background:linear-gradient(90deg,var(--neon-pink),var(--neon-cyan));box-shadow:0 6px 30px rgba(0,0,0,0.6),0 0 12px rgba(255,60,172,0.25),0 0 18px rgba(0,224,255,0.12);transition:transform .12s ease,filter .12s ease}
.btn-neon:active{transform:translateY(1px)}
.btn-neon:hover{filter:brightness(1.05)}

.msg{margin-top:0.75rem;color:#b7f5d0}
.meta{margin-top:1rem;color:var(--muted);font-size:0.95rem}
.meta .social{color:var(--neon-cyan);text-decoration:none;margin:0 0.2rem}
.meta .social:hover{text-decoration:underline;text-decoration-color:var(--neon-pink)}

.footer{text-align:center;margin-top:1.25rem;color:var(--muted);font-size:0.85rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

@media (max-width:600px){.form-row{flex-direction:column}.btn-neon{width:100%}}

/* subtle animated scanlines */
.bg-overlay:after{content:"";position:fixed;inset:0;background-image:linear-gradient(transparent 92%, rgba(255,255,255,0.01) 93%);opacity:0.6;mix-blend-mode:overlay}