.auth-card input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent);vertical-align:middle;margin-left:8px}
.auth-card p:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#0b1118}
.auth-card p:has(input[type="checkbox"]) label{order:2;margin:0;cursor:pointer}

/* Offline password visibility control */
.password-input-wrap{position:relative;display:block;width:100%}
.password-input-wrap .password-toggle-input{width:100%;padding-left:48px}
.password-toggle-btn{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:#aab6c5;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,color .18s ease;z-index:2}
.password-toggle-btn:hover,.password-toggle-btn:focus-visible{background:rgba(255,255,255,.07);color:#fff;outline:none}
.password-toggle-btn i{width:20px;height:20px;display:block}
.password-toggle-btn[aria-pressed="true"]{color:var(--accent2)}

/* Password recovery flow */
.auth-links-split{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.forgot-link{opacity:.92}.recovery-page{padding-inline:16px}.recovery-card{width:min(520px,100%);position:relative;overflow:hidden}.recovery-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#7da7d7,transparent)}.recovery-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:rgba(112,151,194,.12);border:1px solid rgba(125,167,215,.28);color:#9fc2e8}.recovery-icon svg{width:28px;height:28px}.recovery-form{display:grid;gap:14px;margin-top:20px}.auth-field{display:grid;gap:7px;text-align:right}.auth-field label{font-size:13px;color:#d8e3ef}.auth-field input{width:100%;min-height:46px;border:1px solid #2e4359;border-radius:11px;background:#0a121b;color:#fff;padding:10px 12px;outline:none;transition:.2s}.auth-field input:focus{border-color:#7397bf;box-shadow:0 0 0 3px rgba(115,151,191,.14)}.auth-submit{width:100%;min-height:46px}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.field-error{display:block;color:#ff9da5;font-size:11px;line-height:1.8}.form-message.warning{border-color:#7a632f;background:#2a2415;color:#ffe3a0}.otp-card{width:min(600px,100%)}.otp-form{margin-top:22px}.otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(44px,58px));justify-content:center;gap:10px;margin:18px auto}.otp-digit{width:100%;aspect-ratio:1/1;border:1px solid #334c65;border-radius:13px;background:#09121b;color:#fff;text-align:center;font-size:25px;font-weight:700;outline:none;caret-color:#9fc2e8;transition:.18s}.otp-digit:hover{border-color:#4e6f92}.otp-digit:focus{border-color:#83a9d0;box-shadow:0 0 0 4px rgba(131,169,208,.13);transform:translateY(-1px)}.otp-error{text-align:center;margin:0 0 12px}.resend-box{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;margin-top:14px;color:#95a9bd;font-size:12px}.resend-box form{margin:0}.link-button{border:0;background:transparent;color:#9cc3eb;font:inherit;cursor:pointer;padding:4px 6px}.link-button:disabled{opacity:.45;cursor:not-allowed}.recovery-card b[dir=ltr]{display:inline-block;color:#dcecff}
@media(max-width:480px){.auth-links-split{display:grid;justify-content:stretch}.otp-inputs{gap:6px;grid-template-columns:repeat(6,minmax(36px,1fr));width:100%}.otp-digit{font-size:21px;border-radius:10px}.recovery-card{padding-inline:16px}.resend-box{flex-direction:column;gap:4px}}
@media(max-width:350px){.otp-inputs{gap:4px}.otp-digit{font-size:19px;border-radius:9px}}
