*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#1d2a44 0,transparent 60%),radial-gradient(900px 500px at 110% 110%,#2a1d3d 0,transparent 55%),#0b0f17;color:#e6ebf5;display:flex;align-items:center;justify-content:center;padding:20px}
.card{width:100%;max-width:360px;background:rgba(20,26,38,.85);border:1px solid #243049;border-radius:16px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.logo{font-weight:700;font-size:20px;display:flex;align-items:center;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;background:#f5b941;box-shadow:0 0 12px #f5b941}
.sub{color:#8b97ad;margin:6px 0 20px;font-size:13px}
label{display:block;font-size:12px;color:#8b97ad;margin-bottom:14px;text-transform:uppercase;letter-spacing:.06em}
input{display:block;width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid #2c3a57;background:#0f1522;color:#e6ebf5;font-size:16px;outline:none}
input:focus{border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.2)}
button{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#5b8cff,#7a5cff);color:#fff;font-weight:600;font-size:15px;cursor:pointer;margin-top:6px}
button:hover{filter:brightness(1.1)}
.err{background:rgba(239,83,80,.12);border:1px solid rgba(239,83,80,.4);color:#ff8a87;padding:10px 12px;border-radius:10px;font-size:13px}