/* Local account UI. Authentication and registration are not connected. */
body[data-page="auth"]{padding-top:72px}
body[data-page="auth"] main{animation:none}
.auth-stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:calc(100svh - 72px);padding:45px 24px;background:#40454c}
.auth-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:#101316a6}
.auth-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.auth-card{position:relative;background:#fff;border-radius:20px;padding:36px 28px 27px;width:390px;max-width:100%;box-shadow:0 22px 70px #0003;color:#131313;animation:enter .4s both}
.auth-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#40454c;transition:background .2s}
.auth-close svg{width:19px;height:19px}
.auth-close:hover{background:#f4f4f4}
.auth-brand{display:block;margin:0 auto 15px}
.auth-eyebrow{text-align:center;font-size:9px;letter-spacing:1.8px;color:#777;margin-bottom:12px}
body[data-page="auth"] .auth-card h1{font-size:24px;line-height:1.28;letter-spacing:-.2px;text-align:center;margin-bottom:26px;font-weight:500}
.auth-field{margin-bottom:17px;min-width:0}
.auth-field[hidden]{display:none}
.auth-field>label{display:block;font-size:12px;line-height:1.6;font-weight:500;margin-bottom:7px;color:#2e343d}
.auth-field>label>span{color:var(--orange)}
.auth-field>label>small{font-size:10px;color:#888;font-weight:400}
.auth-field input{display:block;width:100%;min-width:0;height:44px;padding:11px 13px;border:1px solid #dce0e5;border-radius:5px;font-size:13px;font-weight:400;background:#fff;color:#131313;outline:none;transition:border-color .2s,box-shadow .2s}
.auth-field input::placeholder{color:#9aa3b3;opacity:1}
.auth-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 10%,transparent)}
.auth-field input[aria-invalid="true"]{border-color:#c73c21}
.auth-phone-input{display:flex;align-items:center;border:1px solid #dce0e5;border-radius:5px;overflow:hidden;height:44px}
.auth-phone-input>span{flex:none;width:63px;text-align:center;border-right:1px solid #e3e6ea;font-size:12px;line-height:24px;color:#32363d}
.auth-phone-input input{border:0;border-radius:0;flex:1;height:42px;min-width:0;box-shadow:none!important}
.auth-phone-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 10%,transparent)}
.auth-phone-input:has(input[aria-invalid="true"]){border-color:#c73c21}
.auth-field-error{font-size:10px;line-height:1.6;color:#b7351f;margin-top:6px}
.auth-field-error:empty{display:none}
.auth-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-size:13px;font-weight:500;margin-top:25px;transition:background .2s,transform .2s}
.auth-submit:hover{background:var(--orange);transform:translateY(-1px)}
.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.auth-switch{text-align:center;font-size:11px;line-height:1.7;color:#77808e;margin-top:13px}
.auth-switch a,.auth-bottom a,.auth-noscript a{color:var(--orange);font-weight:500}
.auth-switch a:hover,.auth-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.auth-divider{display:flex;align-items:center;gap:13px;color:#40454c;font-size:10px;margin-block:18px 16px}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e1e4e9}
.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-social>button,.auth-method{display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #dce0e5;border-radius:999px;background:#fff;min-height:41px;font-size:11px;color:#26313f;transition:border-color .2s,background .2s}
.auth-social svg{width:17px;height:17px}
.auth-method{width:100%;margin-top:10px;min-height:41px;gap:12px}
.auth-method span[data-auth-phone-icon],.auth-method span[data-auth-mail-icon]{display:flex;align-items:center}
.auth-method span[hidden]{display:none}
.auth-method svg{width:18px;height:18px}
.auth-social>button:hover,.auth-method:hover{border-color:var(--orange);background:var(--orange-softest)}
.auth-feedback{padding:12px 13px;border-radius:6px;background:var(--orange-soft);border:1px solid var(--orange-border);font-size:11px;line-height:1.75;color:var(--orange);margin-top:18px}
.auth-feedback:empty{display:none}
.auth-bottom{text-align:center;padding-top:23px;font-size:10px;line-height:1.65;color:#697180}
.auth-bottom>p:first-child{font-size:10px;line-height:1.7;color:#8b9099;margin-bottom:12px}
.auth-noscript{font-size:11px;line-height:1.7;margin-top:12px}
.auth-photo-note{position:absolute;right:20px;bottom:12px;color:#fffd;font-size:9px}
body[data-page="auth"] .auth-card a:focus-visible,body[data-page="auth"] .auth-card button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.auth-card[data-auth-screen="register"] .auth-submit{margin-top:28px}
.auth-card[data-auth-screen="register"] .auth-bottom{padding-top:26px}
@media(min-width:1500px){.auth-stage{padding-block:55px}}
@media(max-width:640px){.auth-stage{padding:30px 16px 38px}.auth-card{width:370px;padding:31px 23px 24px;border-radius:17px}.auth-card .auth-brand{margin-bottom:15px}.auth-eyebrow{font-size:8px;margin-bottom:11px}body[data-page="auth"] .auth-card h1{font-size:23px;margin-bottom:24px}.auth-field input{font-size:16px;padding-inline:11px}.auth-field>label{font-size:11px}.auth-submit{font-size:12px}.auth-switch{font-size:10px}.auth-social>button,.auth-method{font-size:10px}.auth-photo-note{font-size:8px;right:16px;bottom:11px}.auth-bottom{font-size:10px}.auth-field-error{font-size:10px}}
@media(max-width:360px){.auth-stage{padding-inline:12px}.auth-card{padding-inline:20px}body[data-page="auth"] .auth-card h1{font-size:21px}.auth-phone-input>span{width:52px}.auth-method{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.auth-card{animation:none}}