.login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 75% 10%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 30rem),var(--bg)}.login-card{width:min(430px,100%);padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-md)}.login-brand{display:flex;align-items:center;gap:11px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px}.login-brand small{color:var(--muted);font-size:10px}.login-copy{margin:34px 0 22px}.login-copy p{margin:0;color:var(--primary);font-size:10px;font-weight:900}.login-copy h1{margin:2px 0;font-size:29px}.login-copy span{color:var(--muted);font-size:11px}.login-error{margin-bottom:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));border-radius:11px;color:var(--red);background:var(--red-soft);font-size:10px}.login-form{display:grid;gap:14px}.login-form label span{display:block;margin:0 3px 5px;color:var(--ink-soft);font-size:10px;font-weight:800}.login-form input{width:100%;height:48px;padding:0 13px;border:1px solid var(--line);border-radius:13px;outline:0;color:var(--ink);background:var(--surface-soft);transition:border-color .18s,box-shadow .18s}.login-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.login-form .primary-button{width:100%;margin-top:3px}.login-footnote{margin:18px 0 0;color:var(--faint);font-size:8px;text-align:center}@media(max-width:480px){.login-card{padding:22px;border-radius:22px}}