.wpa.auth-scope{min-height:0;background:transparent}.wpa .auth{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:calc(100dvh - var(--header-h, 64px));padding:clamp(28px,7vh,72px) var(--gutter,16px)}.wpa .auth-bg{position:absolute;inset:-48px;z-index:-2;background-color:rgb(var(--bg));background-size:cover;background-position:50%;filter:blur(22px) saturate(1.25) brightness(.85);transform:scale(1.08)}.wpa .auth--plain .auth-bg{filter:none;transform:none;background-image:radial-gradient(60% 50% at 18% 12%,rgb(var(--accent)/.32),transparent 70%),radial-gradient(50% 45% at 85% 88%,rgb(var(--accent-hi)/.16),transparent 70%),linear-gradient(160deg,rgb(var(--panel-2)),rgb(var(--bg)))}.wpa .auth:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 55% at 50% 0,rgb(var(--accent)/.18),transparent 70%),linear-gradient(180deg,rgb(var(--bg)/.45) 0,rgb(var(--bg)/.82) 70%,rgb(var(--bg)) 100%)}.wpa .auth-card{width:100%;max-width:420px;padding:32px 28px 28px;border-radius:var(--r-2xl);background:rgb(var(--panel)/.9);border:1px solid rgb(var(--border-strong)/.75);box-shadow:0 24px 64px rgb(0 0 0/.55),inset 0 1px 0 rgb(255 255 255/.04);backdrop-filter:blur(18px)}@media (max-width:480px){.wpa .auth{place-items:start center}.wpa .auth-card{padding:26px 18px 22px;border-radius:var(--r-xl)}}.wpa .auth-logo{display:flex;justify-content:center;margin-bottom:22px}.wpa .auth-logo img{height:46px;width:auto}.wpa .auth-logo .brand-name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.wpa .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:24px;border-radius:var(--r-md);background:rgb(var(--bg)/.7);border:1px solid rgb(var(--border))}.wpa .auth-tab{padding:9px 10px;border-radius:7px;font-size:var(--fs-md);font-weight:600;color:rgb(var(--text-soft));transition:background .16s var(--ease),color .16s var(--ease)}.wpa .auth-tab:hover{color:rgb(var(--text))}.wpa .auth-tab[aria-selected=true]{background:rgb(var(--panel-3));color:rgb(var(--text));box-shadow:var(--sh-1)}.wpa .auth-tab:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:1px}.wpa .auth-head{text-align:center;margin-bottom:22px}.wpa .auth-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;line-height:1.25}.wpa .auth-sub{margin-top:6px;color:rgb(var(--text-soft));font-size:var(--fs-md)}.wpa .auth-form{display:flex;flex-direction:column;gap:16px}.wpa .auth .input{padding:11px 14px;font-size:1rem}.wpa .auth .input.is-invalid{border-color:rgb(var(--danger))}.wpa .auth .input.is-invalid:focus{box-shadow:0 0 0 3px rgb(var(--danger)/.2)}.wpa .auth .field .error-text{display:flex;gap:5px;align-items:flex-start}.wpa .auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.wpa .auth-pw{position:relative}.wpa .auth-pw .input{padding-right:46px}.wpa .auth-eye{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:rgb(var(--text-faint))}.wpa .auth-eye:hover{color:rgb(var(--text));background:rgb(var(--panel-2))}.wpa .auth-eye:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:0}.wpa .auth-link{color:rgb(var(--accent-hi));font-size:var(--fs-sm);font-weight:600}.wpa .auth-link:hover{text-decoration:underline;text-underline-offset:3px}.wpa .auth-alert{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.45;background:rgb(var(--danger-bg));border:1px solid rgb(var(--danger)/.45);color:rgb(var(--text))}.wpa .auth-alert svg{flex:none;margin-top:2px;color:rgb(var(--danger))}.wpa .auth-alert--ok{background:rgb(var(--live-bg));border-color:rgb(var(--live)/.45)}.wpa .auth-alert--ok svg{color:rgb(var(--live))}.wpa .auth .btn--lg{margin-top:4px;font-size:var(--fs-base);padding:12px 20px}.wpa .auth-spin{width:16px;height:16px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.wpa .auth-plans{display:grid;gap:8px;border:0;padding:0;min-width:0}.wpa .auth-plan{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--r-md);border:1px solid rgb(var(--border-strong));background:rgb(var(--panel-3)/.35);cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.wpa .auth-plan:hover{border-color:rgb(var(--text-faint))}.wpa .auth-plan:has(input:checked){border-color:rgb(var(--accent));background:rgb(var(--accent-soft)/.6)}.wpa .auth-plan:has(input:focus-visible){box-shadow:0 0 0 3px rgb(var(--accent)/.25)}.wpa .auth-plan input{accent-color:rgb(var(--accent));width:16px;height:16px;flex:none}.wpa .auth-plan-main{flex:1;min-width:0}.wpa .auth-plan-name{font-weight:600;font-size:var(--fs-md)}.wpa .auth-plan-desc{font-size:var(--fs-xs);color:rgb(var(--text-faint));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wpa .auth-plan-price{font-weight:700;font-size:var(--fs-md);white-space:nowrap}.wpa .auth-plan-price small{font-weight:500;color:rgb(var(--text-faint));font-size:var(--fs-xs)}.wpa .auth-foot{margin-top:20px;text-align:center;font-size:var(--fs-sm);color:rgb(var(--text-soft))}.wpa .auth-fine{margin-top:14px;text-align:center;font-size:var(--fs-xs);color:rgb(var(--text-faint))}.wpa .auth-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.wpa .auth-state-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;margin-bottom:4px;background:rgb(var(--accent-soft));color:rgb(var(--accent-hi))}.wpa .auth-state-icon--warn{background:rgb(var(--warn-bg));color:rgb(var(--warn))}.wpa .auth-state .btn{margin-top:10px}.wpa .auth-me{display:flex;flex-direction:column;gap:4px}.wpa .auth-me-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgb(var(--border));font-size:var(--fs-md)}.wpa .auth-me-row:last-child{border-bottom:0}.wpa .auth-me-row span:first-child{color:rgb(var(--text-faint))}.wpa .auth-me-ok{color:rgb(var(--live));font-weight:600}.wpa .auth-me-warn{color:rgb(var(--warn));font-weight:600}.wpa .auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}