:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#080b12; color:#f5f7ff; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 0,#172342 0,#080b12 50%); }
.card { width:min(100%,430px); padding:40px; border:1px solid #26304a; border-radius:24px; background:rgba(16,21,34,.92); box-shadow:0 30px 80px #0009; }
.mark { width:52px; height:52px; display:grid; place-items:center; border-radius:15px; background:#6d7dff; font-weight:800; font-size:28px; }
h1 { margin:22px 0 8px; font-size:32px; }
p { color:#b9c1d7; line-height:1.55; }
label { display:block; margin:24px 0 8px; color:#dfe4f3; }
input { width:100%; padding:13px 14px; border:1px solid #38425c; border-radius:10px; background:#0a0e18; color:white; font:inherit; }
button,.button { display:block; width:100%; margin-top:14px; padding:14px; border:0; border-radius:11px; background:#6d7dff; color:white; font:inherit; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; }
.quiet { background:transparent; color:#9ea8c1; border:1px solid #303950; }
.hint,.status { font-size:14px; }
.status { color:#ffb4b4; min-height:22px; }
.source { display:block; margin:14px 0 24px; color:#aeb8ff; font-size:14px; text-align:center; }