*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:#080b10;color:#eef2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{width:min(430px,calc(100% - 28px))}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:22px;font-weight:800}
.mark{width:38px;height:38px;border-radius:12px;background:#f3f6fa;color:#0a0d12;display:grid;place-items:center;font-size:12px}
.card{background:#0d1219;border:1px solid #1d2632;border-radius:20px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
h1{font-size:27px;letter-spacing:-.04em;margin:0 0 7px}
.sub{color:#7f8b9b;font-size:13px;line-height:1.55;margin-bottom:20px}
label{display:block;font-size:11px;color:#8c98a8;margin:13px 0 7px}
input{width:100%;border:1px solid #232d3a;background:#090d13;color:#eef2f8;padding:11px 12px;border-radius:11px;outline:none}
input:focus{border-color:#5e6c80}
button,.link{width:100%;margin-top:15px;border:0;background:#eef2f8;color:#0a0d12;padding:11px 13px;border-radius:11px;font-weight:800;cursor:pointer}
.link{display:block;text-align:center;text-decoration:none;background:#111821;color:#b8c2cf;border:1px solid #222c39;margin-top:9px;font-size:12px}
.error{display:none;color:#ff8383;font-size:12px;margin-top:12px}
.foot{color:#616d7c;font-size:10px;text-align:center;margin-top:16px}


button:disabled{opacity:.6;cursor:not-allowed}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}