/* Cloud Design v1.2.8 — account recovery + quick login */
.auth-wrap-v128{padding:72px 0 88px;min-height:calc(100vh - 190px);display:flex;align-items:center}
.auth-shell-v128{display:grid;place-items:center}
.auth-card-v128{width:min(100%,600px);padding:34px;border-radius:26px;position:relative;overflow:hidden}
.auth-card-v128:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 70%,#fff),transparent);opacity:.9}
.auth-card-v128 h1{font-size:clamp(30px,5vw,46px);line-height:1.04;letter-spacing:-.045em;margin:8px 0 12px}
.auth-lead-v128{font-size:15px;line-height:1.65;margin:0 0 24px}
.auth-mode-tabs-v128{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:15px;margin:22px 0}
.auth-mode-tab-v128{display:flex;min-height:42px;align-items:center;justify-content:center;border-radius:11px;color:var(--text-muted,#969db2);text-decoration:none;font-size:13px;font-weight:700;transition:.18s ease}
.auth-mode-tab-v128:hover{color:var(--text,#fff);background:rgba(255,255,255,.045)}
.auth-mode-tab-v128.active{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.auth-form-v128{display:grid;gap:15px}
.auth-form-v128 label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--text,#f6f7fb)}
.auth-form-v128 input{width:100%;min-height:50px}
.auth-under-field-v128{display:flex;justify-content:flex-end;margin-top:-6px;margin-bottom:2px}
.auth-under-field-v128 a,.auth-bottom-v128 a{color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:13px;font-weight:700;text-decoration:none}
.auth-under-field-v128 a:hover,.auth-bottom-v128 a:hover{text-decoration:underline}
.auth-bottom-v128{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.075);font-size:13px}
.auth-error-v128{padding:11px 13px;border:1px solid rgba(255,98,112,.25);background:rgba(255,98,112,.08);border-radius:12px}
.quick-login-callout-v128{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 5%,rgba(255,255,255,.025));border-radius:16px}
.quick-login-callout-v128>div{display:flex;gap:12px;align-items:flex-start;min-width:0}
.quick-login-callout-v128 b{display:block;font-size:13px;margin-bottom:3px}
.quick-login-callout-v128 p{font-size:12px;line-height:1.5;margin:0}
.security-dot-v128{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--accent) 15%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:14px}
.security-note-v128{margin-top:18px;padding:16px 17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:16px}
.security-note-v128 b{font-size:13px}.security-note-v128 p{margin:5px 0 0;font-size:12.5px;line-height:1.55}
.security-step-v128{display:flex;gap:14px;align-items:flex-start;margin:20px 0;padding:17px;border-radius:17px;background:color-mix(in srgb,var(--accent) 5%,rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.07))}
.security-step-number-v128{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:#fff;font-size:13px;font-weight:800}
.security-step-v128 b{display:block;font-size:14px;margin:1px 0 4px}.security-step-v128 p{margin:0;font-size:12.5px;line-height:1.55}
.quick-method-grid-v128{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-method-card-v128{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:18px;transition:.18s ease}
.quick-method-card-v128:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--accent) 4%,rgba(255,255,255,.035))}
.quick-method-icon-v128{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;margin-bottom:13px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff);font-weight:800}
.quick-method-card-v128>b{font-size:14px}.quick-method-card-v128>p{min-height:43px;color:var(--text-muted,#969db2);font-size:12px;line-height:1.5;margin:5px 0 15px}
.otp-input-v128{text-align:center;font-size:28px!important;font-weight:800!important;letter-spacing:.24em!important;font-variant-numeric:tabular-nums;padding-left:calc(.24em + 14px)!important}
.code-form-v128{margin-top:4px}
.auth-secondary-form-v128{margin-top:10px}
.auth-inline-actions-v128{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.auth-inline-actions-v128 form{margin:0}.auth-inline-actions-v128 .text-btn,.auth-restart-v128 .text-btn{font-size:12.5px;color:color-mix(in srgb,var(--accent) 65%,#fff)}
.auth-restart-v128{margin-top:18px;text-align:center}
.recovery-steps-v128{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 22px}
.recovery-steps-v128 span{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:12px;color:var(--text-muted,#969db2);font-size:11.5px;line-height:1.35}
.recovery-steps-v128 b{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:#fff;font-size:11px}
.mini-v128{font-size:11.5px!important;margin:-5px 0 2px!important}
.forgot-current-v128{display:grid;gap:13px;margin:18px 0 6px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 4%,rgba(255,255,255,.025));border-radius:17px}
.forgot-current-v128 .profile-card-label{display:block;margin-bottom:6px}.forgot-current-v128>b{font-size:14px}.forgot-current-v128 p{margin:6px 0 0;font-size:12.5px;line-height:1.55}
.quick-login-status-v128{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:14px}
.quick-login-status-v128 b{font-size:12.5px}.quick-login-status-v128 p{margin:4px 0 0;font-size:11.5px;line-height:1.45}

[data-theme="light"] .auth-mode-tabs-v128{background:rgba(18,22,35,.035);border-color:rgba(18,22,35,.09)}
[data-theme="light"] .auth-mode-tab-v128:hover{background:rgba(18,22,35,.04);color:#141625}
[data-theme="light"] .quick-login-callout-v128,[data-theme="light"] .security-note-v128,[data-theme="light"] .quick-method-card-v128,[data-theme="light"] .recovery-steps-v128 span,[data-theme="light"] .quick-login-status-v128{border-color:rgba(18,22,35,.09);background:rgba(18,22,35,.025)}
[data-theme="light"] .auth-bottom-v128{border-color:rgba(18,22,35,.09)}

@media(max-width:640px){
 .auth-wrap-v128{padding:28px 0 48px;align-items:flex-start}
 .auth-shell-v128{display:block;padding-left:12px;padding-right:12px}
 .auth-card-v128{padding:24px 18px;border-radius:21px}
 .auth-card-v128 h1{font-size:33px}
 .auth-lead-v128{font-size:14px;line-height:1.58}
 .quick-login-callout-v128{align-items:stretch;flex-direction:column}.quick-login-callout-v128>a{width:100%}
 .quick-method-grid-v128{grid-template-columns:1fr}
 .quick-method-card-v128>p{min-height:0}
 .recovery-steps-v128{grid-template-columns:1fr;gap:6px}
 .recovery-steps-v128 span{padding:9px 10px}
 .otp-input-v128{font-size:25px!important;letter-spacing:.18em!important}
 .auth-inline-actions-v128{align-items:flex-start;flex-direction:column;gap:8px}
 .quick-login-status-v128{flex-direction:column}
}