.login-page{background:var(--page);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;padding:28px;display:flex}.login-title{letter-spacing:-.02em;margin:8px 0 6px;font-size:24px}.login-lede{color:var(--text-2);margin:0 0 20px;font-size:15px}.login-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:7px;font-size:12px;font-weight:700}.login-input{font:inherit;border:1px solid var(--border-strong);background:var(--surface-subtle);color:var(--text);border-radius:9px;padding:10px 12px;font-size:15px;transition:border-color .12s}.login-input:focus-visible{border-color:var(--accent);outline:none}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--danger);margin:12px 0 0;font-size:13px;font-weight:600}.login-submit{justify-content:center;margin-top:18px;padding:11px 16px}.login-submit:disabled{opacity:.72;cursor:default}.login-spinner{border:2px solid color-mix(in srgb, var(--accent-ink) 45%, transparent);border-top-color:var(--accent-ink);border-radius:999px;width:13px;height:13px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-note{color:var(--text-3);margin:18px 0 0;font-size:12px;line-height:1.5}