:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f5f3f8;background:#111116;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#282034 0%,#111116 65%)}
.card{width:100%;max-width:460px;padding:36px;border:1px solid #35303f;border-radius:22px;background:#19181fcc;box-shadow:0 24px 80px #0004}
.brand{font-size:18px;font-weight:750;letter-spacing:-.03em;display:flex;align-items:center;gap:12px}
.brand span{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#d6b8ff;background:#b18aff17;border:1px solid #b18aff33;border-radius:24px;padding:5px 9px}
h1{font-size:34px;letter-spacing:-.04em;line-height:1.15;margin:36px 0 12px}
.intro{font-size:15px;line-height:1.6;color:#b8b2c3;margin:0 0 30px}
label{font-size:14px;font-weight:650}
.hint,.footnote{font-size:13px;line-height:1.6;color:#a7a0b2}
.hint{margin:8px 0 12px}
input[type=password]{width:100%;font:inherit;background:#111116;border:1px solid #51455f;border-radius:10px;padding:13px 14px;color:inherit;outline:none}
input:focus-visible{border-color:#c5a0fc;box-shadow:0 0 0 3px #c5a0fc20}
button{width:100%;margin-top:16px;border:0;border-radius:10px;padding:13px 20px;background:#c5a0fc;color:#241536;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#d3b4ff}button:focus-visible{outline:3px solid #f1e2ff;outline-offset:3px}
.error{font-size:13px;line-height:1.5;color:#ffb5bd;margin:12px 0 0}
.footnote{margin:25px 0 0;border-top:1px solid #35303f;padding-top:20px}
@media(max-width:480px){.card{padding:26px}h1{font-size:30px}}