.auth-page{min-height:100dvh;background:var(--sidebar)}
.auth-shell{width:min(100%,470px);margin:0 auto;padding:54px 24px 28px}
.auth-brand{justify-content:center;margin:0 0 33px;font-size:21px;gap:12px}
.auth-brand .brand-mark{width:39px;height:39px;font-size:20px;border-radius:12px}
.auth-card{border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:30px;box-shadow:var(--shadow)}
.auth-eyebrow{color:var(--accent);font-size:9px;font-weight:650;letter-spacing:1.8px;margin:0 0 12px}
.auth-card h1{font-size:25px;line-height:1.35;letter-spacing:-.8px;font-weight:550;margin:0 0 10px}
.auth-description{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 24px}
.auth-tabs{display:flex;gap:4px;background:var(--soft);border-radius:10px;padding:4px;margin-bottom:23px}
.auth-tabs button{flex:1;padding:9px 5px;border-radius:7px;font-size:12px;color:var(--muted);min-height:36px}
.auth-tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000010;font-weight:600}
.auth-field{margin:0 0 19px}
.auth-field label{display:block;font-size:12px;font-weight:550;line-height:1.6;margin-bottom:7px}
.auth-field .optional-label{font-weight:400;color:var(--muted);font-size:11px}
.auth-field input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);font-size:14px;line-height:1.5;transition:border-color .15s}
.auth-field input:hover{border-color:var(--muted)}
.auth-field input::placeholder{color:var(--muted);font-size:12px}
.auth-hint{font-size:10px;line-height:1.7;color:var(--muted);margin:6px 0 0}
.password-field{position:relative}
.password-field input{padding-right:57px}
.password-field button{position:absolute;right:6px;top:4px;bottom:4px;padding:0 8px;font-size:11px;color:var(--muted);border-radius:6px}
.password-field button:hover{background:var(--soft);color:var(--text)}
.auth-error{font-size:12px;line-height:1.75;background:var(--danger-bg);color:var(--danger);border-radius:9px;padding:10px 12px;margin:0 0 15px;overflow-wrap:anywhere}
.auth-status{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 15px}
.auth-submit{display:block;width:100%;min-height:44px;margin-top:7px;font-size:13px}
.auth-retry{display:block;margin:10px auto 0;color:var(--accent);font-size:12px}
.auth-footer{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin:23px 0 0}
@media(max-width:500px){.auth-shell{padding:29px 18px 24px}.auth-brand{margin-bottom:24px;font-size:19px}.auth-card{padding:25px 22px;border-radius:19px}.auth-card h1{font-size:24px}.auth-field input{font-size:16px;min-height:46px}.auth-tabs button{min-height:40px}.auth-description{font-size:12px}.auth-footer{font-size:10px}}
@media(max-width:350px){.auth-shell{padding-left:12px;padding-right:12px}.auth-card{padding-left:18px;padding-right:18px}.auth-card h1{font-size:22px}}