:root{font-family:system-ui,sans-serif;color:#1d2733;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#e8eef7,#f4f6f9 55%)}.auth-card{width:100%;max-width:440px;border:1px solid #dce3ed;border-radius:20px;background:white;padding:36px;box-shadow:0 16px 48px #0f2a4d10}.brand{font-weight:750;letter-spacing:.08em;color:#0f2a4d;margin:0 0 32px}.brand span{display:block;font-size:12px;letter-spacing:0;font-weight:500;color:#5b6673;margin-top:4px}h1{font-size:26px;letter-spacing:-.035em;margin:0 0 12px}p{color:#5b6673;font-size:14px;line-height:1.6}label{display:block;font-size:14px;font-weight:600;margin:22px 0 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #bcc9d9;border-radius:8px;margin:7px 0}input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bb5f6;outline-offset:3px}button{width:100%;background:#1565e0;border:0;border-radius:8px;color:white;font:inherit;font-weight:600;padding:13px;margin-top:24px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error{background:#fff0ef;color:#a52b23;border-radius:8px;padding:10px}a,summary{color:#135cc9}details{margin-top:24px;font-size:14px}summary{cursor:pointer}.footnote{border-top:1px solid #e3e7ec;padding-top:20px;margin:28px 0 0;font-size:12px}@media(max-width:480px){.auth-card{padding:26px}body{padding:16px}}