.auth{isolation:isolate;--auth-bg:#f7f6f0;--auth-field-bg:#fff;--auth-line:#a0a69d;--auth-muted:#60695f;--auth-err:#a32d2d;--auth-err-line:#b44;--auth-err-edge:#e24b4a59;--auth-err-ring:#e24b4a29;--auth-err-bg:#e24b4a14;background:var(--auth-bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;flex-direction:column;padding:0 32px 24px;display:flex;position:relative;overflow-x:clip}[data-theme=dark] .auth{--auth-bg:#141813;--auth-field-bg:#1a2019;--auth-line:#5e695c;--auth-muted:#a2afa6;--auth-err:#f7b4b4;--auth-err-line:#da8686;--auth-err-edge:#f0959559;--auth-err-ring:#f0959529;--auth-err-bg:#e24b4a1f}.auth-header{z-index:3;background:var(--auth-bg);justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;min-height:100px;margin:0 auto;display:flex;position:sticky;top:0}.auth-logo .brand-logo{height:48px}.auth-theme .theme-switch{background:0 0}.auth-theme .theme-switch button{width:44px;height:44px;color:var(--auth-muted)}.auth-main{flex:1;justify-content:center;align-items:center;width:100%;padding:48px 0 72px;display:flex}.auth-card-wrap{width:100%;min-width:0;max-width:380px}.auth-card{padding:0}.auth-outline-comb{z-index:-1;width:clamp(160px,18vw,280px);height:calc(100% - 100px);min-height:600px;stroke:var(--brand-ink);stroke-width:1px;opacity:.45;pointer-events:none;position:absolute;top:100px;right:-32px}@media (max-width:760px){.auth-outline-comb{display:none}}.auth-title{text-align:center;font-family:var(--font-head), sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4vw,38px);font-weight:750;line-height:1.18}.auth-sub{color:var(--auth-muted);text-align:center;margin:12px 0 0;font-size:15px;line-height:1.65}.auth-sub b{color:var(--text)}.auth-note{color:var(--auth-muted);overflow-wrap:anywhere;margin:16px 0 0;font-size:14px;line-height:1.6}.auth-link{color:var(--brand-ink);text-underline-offset:4px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible,.auth>footer a:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px;border-radius:2px}.auth-alt{color:var(--auth-muted);text-align:center;margin:28px 0 0;font-size:14px;line-height:1.7}.auth-form{gap:22px;margin-top:32px;display:grid}.auth-field{gap:9px;min-width:0;display:grid}.auth-label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;font-size:14px;line-height:1.5;display:flex}.auth-label{color:var(--text)}.auth-hint{color:var(--auth-muted);margin:0;font-size:13px;line-height:1.5}.auth-input{border:1px solid var(--auth-line);background:var(--auth-field-bg);width:100%;height:52px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-size:16px}.auth-input:focus{outline:2px solid var(--brand-ink);outline-offset:2px;border-color:var(--brand-ink)}.auth-input[aria-invalid=true]{border-color:var(--auth-err-line)}.auth-input[aria-invalid=true]:focus{outline-color:var(--auth-err-line)}.auth-field-error{color:var(--auth-err);align-items:flex-start;gap:7px;margin:0;font-size:13px;line-height:1.5;animation:.16s ease-out auth-err-in;display:flex}.auth-field-error svg{flex:none;margin-top:1px}@keyframes auth-err-in{0%{opacity:0;transform:translateY(-3px)}}.auth-pass{position:relative}.auth-pass .auth-input{padding-right:58px}.auth-eye{width:44px;height:44px;color:var(--auth-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:transform .15s;display:grid;position:absolute;top:4px;right:4px}.auth-eye:focus-visible{outline:2px solid var(--brand-ink)}.auth-eye:active{transform:scale(.92)}.auth-check{color:var(--auth-muted);align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;display:flex}.auth-check input{width:20px;height:20px;accent-color:var(--brand);cursor:pointer;flex:none;margin:2px 0 0}.auth-check input:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px}.auth-check input[aria-invalid=true]{outline:2px solid var(--auth-err-line);outline-offset:3px}.auth-consent{gap:8px;display:grid}.auth-error{border:1px solid var(--auth-err-edge);background:var(--auth-err-bg);color:var(--auth-err);border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.auth .auth-submit{background:var(--brand);width:100%;min-height:52px;color:var(--brand-on);font-family:var(--font-sans), sans-serif;text-align:center;box-shadow:none;filter:none;border-radius:10px;margin-top:2px;padding:14px 20px;font-size:16px;font-weight:650;transition:transform .16s;transform:none}.auth .auth-submit:active:not(:disabled){transform:scale(.985)}.auth .auth-submit:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}.auth .auth-submit:disabled{opacity:.65;cursor:progress}.auth>footer a{line-height:1.6;color:var(--auth-muted)!important}@media (hover:hover){.auth .auth-submit:hover:not(:disabled){transform:translateY(-2px)}.auth-eye:hover{color:var(--text)}}@media (max-width:600px){.auth{padding:0 20px 20px}.auth-header{gap:8px;min-height:80px}.auth-logo .brand-logo{height:38px}.auth-main{padding:32px 0 48px}.auth>footer{padding-left:0!important;padding-right:0!important}}@media (prefers-reduced-motion:reduce){.auth-eye,.auth .auth-submit,.auth .theme-switch button{transition:none}.auth .auth-submit:hover:not(:disabled),.auth .auth-submit:active:not(:disabled),.auth-eye:active{transform:none}.auth-field-error{animation:none}}
