:root { --accent:#0ea5e9; --bg:#0b1620; --card:rgba(255,255,255,.05); --border:rgba(255,255,255,.08); --text:#eaf2f7; }
*{box-sizing:border-box} body{margin:0;color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}
.bg{min-height:100vh;background:
  radial-gradient(1200px 600px at 20% -10%, rgba(0,140,200,.20), transparent),
  radial-gradient(900px 500px at 120% 10%, rgba(0,160,220,.15), transparent), var(--bg);}
.center{max-width:420px;margin:8vh auto 0;padding:20px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.25);backdrop-filter:blur(4px)}
.form{display:grid;gap:10px;margin-top:10px}
input{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:#0e1c27;color:var(--text)}
button,.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--accent);color:#03131c;font-weight:700;border:0;cursor:pointer;text-decoration:none}
.btn.secondary{background:transparent;color:var(--text);outline:1px solid var(--border)}