:root{--gold:#d9b25f;--orange:#f06c2f;--bg:#07161b;}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:white;overflow:hidden}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 20% 20%,rgba(240,108,47,.25),transparent 30%),
radial-gradient(circle at 80% 70%,rgba(217,178,95,.18),transparent 35%),
linear-gradient(135deg,#07161b,#0e2730,#07161b);
animation:drift 16s ease-in-out infinite alternate;}
.overlay{position:fixed;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.55))}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.08)}}
.card{position:relative;max-width:560px;margin:10vh auto;padding:48px;text-align:center;
backdrop-filter:blur(12px);background:rgba(10,20,24,.45);border:1px solid rgba(255,255,255,.12);
border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.45)}
.eyebrow{letter-spacing:.3em;color:var(--gold);font-size:.8rem}
h1{font-size:4rem;line-height:.9;margin:.5rem 0;color:white}
.tag{color:var(--orange);font-weight:700;letter-spacing:.08em}
.copy{opacity:.9;margin:1.5rem 0}
input{width:100%;padding:16px;border-radius:12px;border:1px solid #555;background:#111;color:#fff;font-size:1rem}
button{margin-top:18px;padding:15px 34px;border:none;border-radius:999px;background:linear-gradient(90deg,var(--orange),#ff9358);color:white;font-weight:700;cursor:pointer}
button:hover{transform:translateY(-1px)}
#msg{height:24px;margin-top:14px;color:var(--gold)}