*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 32%),linear-gradient(135deg,#020617,#071327 55%,#020617);color:#f8fafc;font-family:Inter,system-ui,Segoe UI,sans-serif}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px}
.auth-card{width:min(460px,100%);background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.15);border-radius:26px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.3)}
.logo-pill{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;background:rgba(56,189,248,.12);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
h1{font-size:42px;line-height:.95;margin:18px 0 10px;letter-spacing:-.05em}
p{color:#b6c7d8}
form{display:grid;gap:10px;margin-top:20px}
label{font-weight:900;color:#bae6fd;font-size:13px}
input{background:rgba(2,6,23,.72);border:1px solid rgba(255,255,255,.16);color:white;border-radius:14px;padding:13px 14px;outline:none}
button{margin-top:8px;border:0;background:linear-gradient(135deg,#0284c7,#22c55e);color:white;border-radius:14px;padding:14px 16px;font-weight:900;cursor:pointer}
.status{min-height:22px;font-weight:800}
.links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.links a{color:#7dd3fc;font-weight:900;text-decoration:none}