:root { color-scheme:light; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#2d223b; }* { box-sizing:border-box; }body { margin:0; min-height:100dvh; display:grid; place-items:center; padding:28px 18px; background:radial-gradient(ellipse at top left,#e6d7fa,transparent 65%),#f6f2fb; }.login-card { background:#fff; border:1px solid #e7dff0; border-radius:24px; padding:38px; width:100%; max-width:440px; box-shadow:0 20px 65px #4f267b16; }.brand { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:750; }.brand span { background:#7642b6; color:#fff; width:37px; height:37px; display:grid; place-items:center; border-radius:11px; }.eyebrow { margin:32px 0 10px; letter-spacing:.15em; color:#82679a; font-size:10px; font-weight:700; }h1 { font-size:30px; letter-spacing:-.04em; margin:0 0 12px; }.intro,.privacy { color:#70627e; line-height:1.65; font-size:14px; }.privacy { font-size:12px; margin:24px 0 0; }label { display:block; margin:20px 0 8px; font-size:13px; font-weight:650; }input { border:1px solid #dcd2e8; background:#fdfbff; border-radius:10px; padding:13px 14px; color:#2d223b; width:100%; font:inherit; outline-offset:3px; }input:focus { border-color:#8f60bf; outline:2px solid #eee4fb; }.password-wrap { position:relative; }.password-wrap input { padding-right:65px; }.password-wrap button { position:absolute; right:8px; top:8px; background:none; border:0; color:#704697; padding:7px; font:inherit; font-size:12px; cursor:pointer; }.submit { width:100%; margin-top:24px; background:#7642b6; color:#fff; font:inherit; font-weight:650; border:0; border-radius:11px; padding:14px; cursor:pointer; }.submit:hover { background:#63339f; }.submit:disabled { opacity:.65; cursor:wait; }#loginError { color:#9b2640; background:#fff0f3; padding:11px; border-radius:8px; font-size:13px; line-height:1.5; }#loginStatus { color:#6a587d; font-size:12px; line-height:1.5; }[hidden] { display:none!important; }@media(max-width:450px){.login-card{padding:28px 22px;border-radius:18px;}}