.auth-screen{position:fixed;inset:0;z-index:1000;overflow:auto;background:#f7f9fc;color:#171b26;font-family:Geist,Arial,sans-serif}
.auth-main{position:relative;display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:48px 24px 72px}
.auth-card{width:min(100%,420px);padding:32px;border:1px solid #e5e8ef;border-radius:24px;background:#fff;box-shadow:0 8px 32px #1f293708}
.auth-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650;letter-spacing:-.35px;margin-bottom:28px}
.auth-mini-mark{display:grid;grid-template-columns:5px 5px;gap:3px;place-content:center;flex:none;width:30px;height:30px;border-radius:9px;background:#365dff}
.auth-mini-mark i{width:5px;height:5px;border-radius:1px;background:#fff}
.auth-card h1{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin:0}
.auth-intro{font-size:13px;line-height:1.5;color:#657084;margin:10px 0 0}
.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.auth-field{display:flex;flex-direction:column;gap:7px;color:#343c4b;font-size:13px;font-weight:500}
.auth-field[hidden]{display:none}
.auth-field input{width:100%;height:46px;border:1px solid #dce1e9;border-radius:11px;background:#fff;padding:0 13px;color:#171b26;font:inherit;font-size:14px;font-weight:400;outline:none;box-shadow:0 1px 2px #11182705;transition:border-color .16s,box-shadow .16s}
.auth-field input::placeholder{color:#939bad}
.auth-field input:focus{border-color:#365dff;box-shadow:0 0 0 3px #365dff14}
.auth-password-control{position:relative}
.auth-password-control input{padding-right:48px}
.auth-password-toggle{position:absolute;right:1px;top:1px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#778095;cursor:pointer}
.auth-password-toggle:hover{color:#365dff}
.auth-notice{font-size:12px;line-height:1.5;color:#276646;margin:0}
.auth-notice:empty{display:none}
.auth-notice.is-error{color:#ac3c35}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border:1px solid #3155e7;border-radius:11px;padding:0 16px;background:#365dff;box-shadow:0 1px 2px #1118270a;color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .16s,box-shadow .16s}
.auth-submit:hover{background:#2c4ee6;box-shadow:0 2px 5px #365dff26}
.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}
.auth-actions button{min-height:44px;min-width:44px;padding:0;border:0;background:transparent;color:#657084;font:inherit;font-size:12px;cursor:pointer}
.auth-actions button:hover{color:#365dff}
.auth-footer{position:absolute;bottom:24px;color:#939bad;font-size:11px;text-align:center}
.auth-screen :focus-visible{outline:2px solid #365dff;outline-offset:3px}
.auth-field input:focus-visible{outline:none}
@media(max-width:600px){.auth-main{padding:28px 18px 64px}.auth-card{padding:26px 22px;border-radius:20px}.auth-brand{margin-bottom:24px}.auth-card h1{font-size:24px}}
@media(max-width:1279px){.auth-field input{font-size:16px}}
@media(prefers-reduced-motion:reduce){.auth-screen *{transition:none!important}}