.auth-page{background:linear-gradient(145deg,var(--color-surface) 0,var(--color-bg) 48%,var(--color-bg-alt) 100%);color:var(--color-text);display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;overflow:hidden;position:relative}.auth-grid{background-image:radial-gradient(color-mix(in srgb,var(--color-text) 9%,transparent) .5px,transparent .5px);background-size:4px 4px;inset:0;pointer-events:none;position:fixed}.auth-footer,.auth-topbar{align-items:center;color:var(--color-text-low);display:flex;font-size:.875rem;justify-content:space-between;padding:24px;position:relative;z-index:1}.auth-topbar a{border-radius:6px}.auth-stage{display:grid;padding:42px 24px;place-items:center;position:relative;z-index:1}.auth-panel{-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 24px 76px #090a0921;padding:30px;width:min(100%,480px)}.auth-panel--wide{width:min(100%,760px)}.auth-badge{align-items:center;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;font-size:.875rem;font-weight:700;gap:8px;padding:7px 11px}.auth-badge-dot{background:var(--color-text);border-radius:999px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-text) 8%,transparent);height:7px;width:7px}.auth-panel h1{font-size:clamp(34px,6vw,48px);font-weight:760;letter-spacing:-.025em;line-height:.98;margin:24px 0 0;max-width:14ch}.auth-panel h1:first-child{margin-top:0}.auth-lead{color:var(--color-text-low);line-height:1.6;margin:16px 0 0}.auth-lead strong{color:var(--color-text);font-weight:700}.auth-form{display:grid;gap:16px;margin-top:26px}.auth-field>span,.auth-fieldset legend{color:var(--color-text);display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.auth-fieldset{border:0;padding:0}.auth-plan-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.auth-plan-option{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:grid;gap:8px;padding:16px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.auth-plan-option:hover{transform:translateY(-1px)}.auth-plan-option.is-selected{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}.auth-plan-option>input{height:1px;opacity:0;position:absolute;width:1px}.auth-plan-option:has(input:focus-visible){outline:2px solid var(--color-text);outline-offset:3px}.auth-plan-heading{align-items:baseline;color:var(--color-text);display:flex;gap:10px;justify-content:space-between}.auth-plan-heading strong{font-size:17px}.auth-plan-heading b{font-size:16px}.auth-plan-heading small{color:var(--color-text-low);font-size:.875rem;font-weight:500;margin-left:3px}.auth-plan-option>small,.auth-plan-option>span:not(.auth-plan-heading){color:var(--color-text-low);font-size:.875rem;line-height:1.45}.auth-field input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font:inherit;height:50px;outline:none;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.auth-field input:focus{border-color:var(--color-text-low);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-focus) 10%,transparent)}.auth-field input[aria-invalid=true]{border-color:var(--color-risk)}.auth-field-hint{color:var(--color-text-low);font-size:.875rem;line-height:1.45;margin:7px 0 0}.auth-form-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.auth-checkbox{align-items:center;color:var(--color-text-low);cursor:pointer;display:inline-flex;font-size:.875rem;gap:9px}.auth-checkbox input{accent-color:var(--color-primary);height:16px;width:16px}.auth-link{border-radius:4px;color:var(--color-text);font-size:.875rem;font-weight:700;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}.auth-link:hover{text-decoration-color:currentColor}.auth-danger,.auth-primary,.auth-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font:inherit;font-weight:760;justify-content:center;min-height:50px;text-decoration:none;transition:opacity .16s ease,transform .16s ease;width:100%}.auth-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.auth-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.auth-danger{background:var(--color-error-surface);border:1px solid var(--color-error-border);color:var(--color-error-text)}.auth-danger:hover,.auth-primary:hover,.auth-secondary:hover{opacity:.86}.auth-danger:active,.auth-primary:active,.auth-secondary:active{transform:translateY(1px)}.auth-danger:disabled,.auth-primary:disabled,.auth-secondary:disabled{cursor:wait;opacity:.52;transform:none}.auth-actions{display:grid;gap:10px;margin-top:26px}.auth-message,.auth-notice{border-radius:9px;font-size:.875rem;line-height:1.5;margin:16px 0 0;padding:12px 14px}.auth-message:empty{display:none}.auth-message{background:var(--color-error-surface);border:1px solid var(--color-error-border);color:var(--color-error-text)}.auth-notice{background:var(--color-success-surface);border:1px solid var(--color-success-border);color:var(--color-success-text)}.auth-switch{color:var(--color-text-low);font-size:.875rem;line-height:1.55;margin:22px 0 0;text-align:center}.auth-divider{background:var(--color-border);height:1px;margin:28px 0}.auth-security-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.auth-security-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:10px;padding:18px}.auth-security-card h2{font-size:17px;font-weight:760;margin:0}.auth-security-card p{color:var(--color-text-low);font-size:.875rem;line-height:1.55;margin:8px 0 0}.auth-security-card .auth-actions{margin-top:18px}.auth-credential-list{display:grid;gap:8px;list-style:none;margin:18px 0 0;padding:0}.auth-credential-list li{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-low);display:flex;font-size:.875rem;gap:12px;justify-content:space-between;padding-top:8px}.auth-card-link,.auth-credential-list .auth-link{background:transparent;border:0;cursor:pointer;padding:0}.auth-backup-codes code,.auth-secret{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:block;font-size:.875rem;line-height:1.55;overflow-wrap:anywhere;padding:11px}.auth-backup-codes{background:var(--color-error-surface);border:1px solid var(--color-error-border);border-radius:10px;margin-top:22px;padding:18px}.auth-backup-codes h2{font-size:18px;margin:0}.auth-backup-codes p{color:var(--color-text-low);font-size:.875rem;line-height:1.55;margin:8px 0 14px}.auth-backup-codes .auth-secondary{margin-top:12px}.auth-meta-list{display:grid;gap:8px;margin:20px 0 0}.auth-meta-list div{border-bottom:1px solid var(--color-border);display:flex;font-size:.875rem;gap:16px;justify-content:space-between;padding-bottom:8px}.auth-meta-list dt{color:var(--color-text-low)}.auth-meta-list dd{font-weight:700;margin:0;text-align:right}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}@media(max-width:640px){.auth-footer,.auth-topbar{padding:18px}.auth-footer>span:last-child{display:none}.auth-stage{padding:22px 16px}.auth-panel{padding:24px}.auth-form-row{align-items:flex-start;flex-direction:column;gap:10px}.auth-plan-grid,.auth-security-grid{grid-template-columns:1fr}}