*{box-sizing:border-box}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#272238;background:#f4f2fa;font-synthesis:none}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 0%,#e7defb 0%,transparent 48%),radial-gradient(ellipse at 95% 95%,#eee5fc 0%,transparent 50%),#f7f6fb}
.login-shell{width:min(100% - 40px,440px);margin:0 auto;padding:60px 0 32px}
.brand{display:flex;align-items:center;gap:12px;color:#292342;text-decoration:none;font-weight:800;letter-spacing:.06em;font-size:20px;width:fit-content;margin:0 auto 30px}
.brand small{display:block;font-size:10px;letter-spacing:.24em;color:#7c7291;margin-top:4px}
.brand-mark{display:grid;place-items:center;background:#7350c8;border-radius:14px;color:white;width:47px;height:47px;font-size:34px;font-weight:400}
.card{background:#fff;border:1px solid #e9e4f2;border-radius:24px;padding:36px;box-shadow:0 16px 54px #3720570a}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:#8464b8}
h1{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:12px 0}
#intro{color:#7a7287;font-size:14px;line-height:1.65;margin:0 0 28px}
label{display:block;font-size:13px;font-weight:650;margin:18px 0 8px}
input:not([type=checkbox]){width:100%;padding:13px 14px;font:inherit;font-size:15px;border:1px solid #ded8e8;border-radius:9px;background:#fdfcfe;color:#272238}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #cbb7f4;outline-offset:3px}
.toggle{display:flex;align-items:center;gap:8px;font-weight:450;font-size:12px;color:#7a7287;margin:14px 0 22px}
.toggle input{accent-color:#7651c4;width:15px;height:15px;margin:0}
button{font:inherit;font-size:14px;font-weight:650;border:0;border-radius:9px;padding:14px 16px;cursor:pointer;width:100%;background:#7651c4;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px}
button:hover{background:#6743b3}button:disabled{opacity:.65;cursor:wait}
.text-button{background:transparent;color:#7a7287;font-size:12px;margin-top:8px;padding:10px}.text-button:hover{background:#f7f5fb}
.error{font-size:13px;line-height:1.5;color:#b02e45;min-height:0;margin:12px 0 0}
.error:empty{display:none}
.card-footer{border-top:1px solid #eeeaf4;margin-top:26px;padding-top:20px;font-size:11px;text-align:center;color:#91879e;display:flex;align-items:center;justify-content:center;gap:7px}
.footer{text-align:center;color:#a197ad;font-size:11px;margin:25px 0 0}
.help{font-size:11px;line-height:1.6;color:#81778f;margin:8px 0 16px}
.account{font-size:13px;overflow-wrap:anywhere;color:#7651c4;padding:10px 12px;background:#f6f2fd;border-radius:8px;margin:0 0 20px}
[hidden]{display:none!important}
@media(max-width:480px){.login-shell{padding-top:30px;width:calc(100% - 28px)}.card{padding:28px 24px}.brand{margin-bottom:24px}h1{font-size:29px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}