/* Public authentication controls */
#account-form .password-field{display:block}
#account-form .password-field>label{display:block}
#account-form .password-input-wrap{position:relative;margin-top:8px}
#account-form .password-input-wrap input{margin:0;padding-right:56px}
#account-form .password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:9px;color:#6a787d;background:transparent}
#account-form .password-toggle:hover{color:#ce472e;background:#f8ede8}
#account-form .password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#account-form .password-toggle .eye-slash{display:none}
#account-form .password-toggle[aria-pressed=true] .eye-slash{display:block}
#account-form .account-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:400;line-height:1.6;margin:3px 0}
#account-form .account-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 21px;width:21px;height:21px;min-width:21px;margin:1px 0 0;padding:0;border:1.5px solid #a7b4b8;border-radius:6px;background:#fff;display:grid;place-content:center;cursor:pointer}
#account-form .account-check input[type=checkbox]:checked{background:#cf472f;border-color:#cf472f}
#account-form .account-check input[type=checkbox]:checked::after{content:"";width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);margin-top:-2px}
#account-form .account-check input:focus{outline:none}
#account-form .account-check input:focus-visible{outline:3px solid #cf472f40;outline-offset:3px}
#account-form .account-check a{color:#b8412c;text-decoration:underline;text-decoration-color:#d9aaa0;text-underline-offset:3px}
#account-form .account-check a:hover{text-decoration-color:currentColor}
#account-form .account-captcha-error{color:#9d412d;background:#fcf0eb;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}
#account-form #captcha-retry{justify-self:start}

/* Guest entry: one focused form, without the dashboard's spacing. */
.account-page #account-public-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.account-page #account-public-shell .public-nav{width:100%;padding:4px 0 20px}
.account-page #account-public-shell .public-nav .brand{font-size:38px}
.account-page #account-public-shell .account-home-link{color:#65747b;font-size:13px;font-weight:550}
.account-page #account-public-shell .account-home-link:hover{color:var(--accent)}
.account-page #account-auth-main{width:100%;max-width:520px;flex:1;display:flex;align-items:center;justify-content:center;margin:0 auto;padding:32px 0 42px}
.account-page #account-root.account-auth{width:100%;max-width:none;margin:0;background:#fff;border:1px solid #e1e6e8;border-radius:20px;padding:clamp(24px,3.2vw,38px);box-shadow:0 14px 52px #26323908}
.account-page .account-auth-heading{margin-bottom:28px}
.account-page .account-auth-heading .eyebrow{display:block;margin-bottom:12px;font-size:10px;letter-spacing:1.7px}
.account-page .account-auth-heading h1{font-size:clamp(30px,3vw,38px);line-height:1.14;letter-spacing:-1.4px;margin:0}
.account-page .account-auth-heading p{color:#65747b;font-size:14px;line-height:1.55;margin-top:10px}
.account-page #account-root.account-auth #account-form{gap:18px}
.account-page #account-root.account-auth #account-form label{font-size:13px;font-weight:600}
.account-page #account-root.account-auth #account-form input:not([type=checkbox]){min-height:50px;border-radius:11px;font-size:16px}
.account-page #account-root.account-auth #account-form input:not([type=checkbox]):focus{outline:none;border-color:#d9634a;box-shadow:0 0 0 3px #eaa18d44}
.account-page #account-root.account-auth #account-form .primary{width:100%;min-height:52px;font-size:14px;margin-top:2px}
.account-page #account-root.account-auth .account-switches{display:block;text-align:center;border-top:1px solid #e8ebec;margin-top:25px;padding-top:21px}
.account-page #account-root.account-auth .account-switches p{font-size:13px;color:#65747b}
.account-page #account-root.account-auth .account-switches button{font-size:13px;font-weight:600;padding:5px 3px;color:#b83d27}
.account-page #account-root.account-auth .account-switches button:hover{text-decoration:underline;text-underline-offset:3px}
.account-page #account-root.account-auth .account-help{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.account-page #account-root.account-auth .account-help button{color:#65747b;font-weight:500}
.account-page #account-public-shell .public-footer{width:100%;justify-content:center;gap:12px 25px;padding:15px 0 24px;font-size:12px}
.account-page #account-public-shell .public-footer a:hover{color:var(--accent)}
.account-page #account-root.account-auth #captcha-container{min-height:124px}
.account-page #account-root.account-auth #captcha-container:empty{border:1px solid #e1e6e8;border-radius:11px;background:#fafbfb}
.account-page #account-root.account-auth #captcha-container:empty::after{content:"Загружаем проверку…";display:block;padding:18px;color:#65747b;font-size:13px}
@media(min-width:601px){
 .account-page #account-auth-main{padding:18px 0 22px}
 .account-page #account-root.account-auth{padding:30px 36px}
 .account-page .account-auth-heading{margin-bottom:22px}
 .account-page #account-root.account-auth #account-form{gap:14px}
 .account-page #account-root.account-auth .account-switches{margin-top:18px;padding-top:15px}
}
@media(max-width:600px){
 .account-page #account-public-shell{padding:18px 16px}
 .account-page #account-public-shell .public-nav{padding:0 0 16px}
 .account-page #account-public-shell .public-nav .brand{font-size:32px}
 .account-page #account-public-shell .public-nav nav>a:not(.primary){display:inline-flex}
 .account-page #account-auth-main{padding:22px 0 30px}
 .account-page #account-root.account-auth{padding:25px 21px;border-radius:18px}
 .account-page .account-auth-heading{margin-bottom:24px}
 .account-page #account-public-shell .public-footer{padding:4px 0 14px;gap:10px 18px}
}
@media(max-height:700px){.account-page #account-auth-main{align-items:flex-start}.account-page #account-root.account-auth{margin:auto 0}}