/* styles.css */
:root{
  --bg:#0b132b;--bg2:#1c2541;--accent:#d4af37;--text:#e6ecff;--muted:#aab3d1;--card:#0f1e3d;--shadow:rgba(0,0,0,.35);
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;color:var(--text);background: radial-gradient(1000px 600px at 80% -10%, #1b2a52 0%, var(--bg) 60%) fixed, var(--bg);overflow-x:hidden;}
.noise{position:fixed;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width=\"160\" height=\"160\"><filter id=\"n\"><feTurbulence baseFrequency=\"0.9\" numOctaves=\"2\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\" opacity=\".04\"/></svg>');pointer-events:none;}
.container{min-height:100%;display:grid;place-items:center;padding:48px 16px;}
.card{width:min(960px, 92vw);background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:40px 28px 24px;box-shadow:0 20px 60px var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter: blur(6px);text-align:center;}
.logo{width:min(260px, 60vw);display:block;margin:0 auto 8px;filter: drop-shadow(0 8px 18px rgba(0,0,0,.35));}
h1{font-family:"Playfair Display", serif;letter-spacing:.3px;margin:8px 0 6px;font-weight:700;font-size: clamp(28px, 5vw, 44px);}
.tagline{margin:0 0 22px;color:var(--muted);font-size:clamp(14px, 2.6vw, 18px);}
.notify{margin:10px auto 18px;width:min(720px, 100%);}
.notify label{display:block;margin:0 0 8px;color:var(--muted)}
.inputrow{display:flex;gap:10px;align-items:stretch;}
.inputrow input{flex:1 1 auto;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0b1631;color:var(--text);outline:none;}
.inputrow input::placeholder{color:#8ea0cf}
.inputrow button{white-space:nowrap;border:none;border-radius:14px;padding:14px 18px;background:linear-gradient(180deg, #f3d57a, #b88913);color:#0d142b;font-weight:700;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.25);}
.inputrow button:hover{transform:translateY(-1px)}
.mini{margin:8px 2px 0;color:#94a3c9;font-size:12px}
.mini a{color:#cbd7ff}
.cta{display:flex; gap:10px; justify-content:center; margin:12px 0 10px; flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:var(--bg2);color:var(--text);text-decoration:none;font-weight:600;}
.btn.outline{background:transparent;}
footer{margin-top:18px;color:var(--muted)}
.social{list-style:none;display:flex;gap:16px;justify-content:center;padding:0;margin:8px 0 6px}
.social a{color:var(--muted);text-decoration:none}
@media (max-width:520px){.inputrow{flex-direction:column}.inputrow button{width:100%}}