.auth-page{padding:40px 24px;background:radial-gradient(ellipse at 15% 15%,#e8e5ff 0,transparent 45%),#f4f5f9;color:#202334}
.auth-shell{width:min(1080px,100%);min-height:680px;grid-template-columns:1fr 1fr;border-radius:30px;box-shadow:0 24px 80px #27224c12;border:1px solid #e6e6ef}
.auth-showcase{padding:48px;background:linear-gradient(155deg,#24223d,#171925 78%)}
.auth-mark{font-size:15px;letter-spacing:.04em;gap:13px}.auth-logo{width:38px;height:38px;border-radius:12px}
.auth-copy{margin:56px 0}.auth-copy h2{font-size:40px;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}.auth-copy p{font-size:16px;line-height:1.9;color:#c0c1d4}
.auth-proof{gap:10px}.auth-proof span{font-size:12px;padding:8px 12px}
.auth-panel{padding:48px 52px;align-items:center;background:#fff}.auth-card{width:100%;max-width:390px}
.auth-brand{font-size:13px;letter-spacing:.06em;margin-bottom:12px;color:#6755df}.auth-card h1{font-size:32px;line-height:1.35;font-weight:750;letter-spacing:-.02em}
.auth-intro{font-size:14px;line-height:1.8;color:#7a7d90;margin:10px 0 24px}
.login-tabs{margin:0 0 25px;padding:5px;border:1px solid #ededf5;background:#f4f4f9;border-radius:14px}.login-tabs button{min-height:44px}.login-tabs button[aria-selected=true]{color:#6050d9;box-shadow:0 2px 8px #29213f0d}
.auth-card .field{margin-bottom:18px}.auth-card .field label{display:block;font-size:14px;font-weight:600;color:#45495d;margin-bottom:9px}
.auth-card input{height:50px;padding:0 15px;border:1px solid #dfe1ec;border-radius:11px;background:#fcfcfe;font-size:15px;color:#242637;box-shadow:none;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-card input::placeholder{color:#a0a3b3;font-size:13px}.auth-card input:focus{background:#fff;border-color:#8474ed;box-shadow:0 0 0 3px #7661e512;outline:none}
.auth-card .password-field input{padding-right:64px}.auth-card .password-toggle{bottom:9px;height:32px;color:#73768a}
.auth-card #send-login-code{border-radius:11px;background:#f0edff;color:#6451d8;border-color:#e5dffe;flex-basis:120px}.auth-card #send-login-code:disabled{background:#f1f2f5;color:#969bab;border-color:#e5e6eb}
.auth-card #login-submit{height:51px;font-size:16px;letter-spacing:.02em;border-radius:12px;background:#6853e8;box-shadow:0 8px 20px #6853e823}.auth-card #login-submit:hover{background:#5945d2}.auth-card #login-submit:disabled{opacity:.6;transform:none}
.login-links{margin:24px 0 0;font-size:13px}.login-links button,.auth-card .login-back{font-size:14px;color:#6552dc}.login-links button:hover,.login-back:hover{text-decoration:underline;text-underline-offset:4px}
.auth-card .hint{font-size:12px;color:#9497a6;line-height:1.8;margin-top:28px;padding-top:20px}.login-code-note:empty{display:none}.login-code-note{margin:0 0 10px;font-size:12px}.auth-card .error{font-size:13px;line-height:1.6;min-height:20px;margin:8px 0 10px}
.auth-card[data-mode=register] .auth-intro{margin-bottom:20px}.auth-card[data-mode=register] .field{margin-bottom:14px}.auth-card[data-mode=register] .hint{display:none}.auth-card .login-back{margin:22px auto 0}
@media(max-width:820px){.auth-page{padding:20px 14px;display:block}.auth-shell{max-width:480px;margin:auto;min-height:0;grid-template-columns:1fr;border-radius:24px}.auth-showcase{padding:26px 28px}.auth-copy{margin:24px 0 0}.auth-copy h2{margin:0;font-size:27px;line-height:1.45}.auth-copy p,.auth-proof{display:none}.auth-panel{padding:30px 28px}.auth-card h1{font-size:27px}.auth-intro{font-size:13px}.auth-card .hint{margin-top:24px}.auth-mark{font-size:13px}}
@media(prefers-reduced-motion:reduce){.auth-card input{transition:none}}