/* Comfortable mobile authentication, scoped away from the dashboard. */
.auth.auth-v2{padding:26px 24px max(24px,env(safe-area-inset-bottom));min-height:100dvh;background:radial-gradient(ellipse at 90% 0%,#21372755,transparent 45%)}
.auth-v2 header{gap:12px;margin-bottom:24px}
.auth-welcome{color:#b8c9bb;font-size:12px;white-space:nowrap}
.login-visual{height:210px;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#243d2d;border:1px solid #3e5944}
.login-person{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2}
.login-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172c20f5 0%,#172c20bc 34%,transparent 68%);z-index:-1}
.login-visual-copy{padding:23px 20px}
.login-kicker{font-size:10px;letter-spacing:1.4px;color:#d5e6cc;font-weight:700}
.login-visual-copy p{font-size:29px;line-height:1.08;letter-spacing:-1px;margin:13px 0 12px;font-weight:650}
.login-visual-copy strong{color:var(--mint);font-weight:650}
.login-visual-note{font-size:11px;color:#d0ddca}
.login-picture-tag{position:absolute;right:12px;bottom:13px;padding:8px 10px;border:1px solid #e0f5d632;border-radius:30px;background:#14241dde;backdrop-filter:blur(10px);font-size:10px;color:#e5f1df}
.login-intro{margin:27px 0 25px}
.login-overline{font-size:10px;letter-spacing:1.4px;color:var(--mint);font-weight:700}
.login-intro h1{font-size:32px;line-height:1.13;letter-spacing:-1.1px;margin:10px 0 12px;font-weight:650;max-width:330px}
.login-intro h1 span{color:var(--mint)}
.login-intro p{font-size:15px;line-height:1.6;color:#b2c1b6;margin:0;max-width:340px}
.auth-v2 #auth-form{display:flex;flex-direction:column}
.auth-v2 label{font-size:14px;font-weight:600;color:#e5ece5;margin:0 0 9px}
.auth-v2 .input-wrap{display:flex;align-items:center;gap:12px;border:1px solid #394e40;border-radius:14px;background:#1b2a21;padding:0 14px;margin:0 0 20px;min-height:58px}
.auth-v2 .input-wrap>.icon{width:20px;height:20px;color:#acc1ab}
.auth-v2 .input-wrap input{font-size:16px;line-height:24px;padding:16px 0;min-height:56px;color:#f3f8ee}
.auth-v2 input::placeholder{color:#9bab9f;opacity:1}
.auth-v2 .input-wrap:focus-within{outline:2px solid var(--mint);outline-offset:2px;border-color:transparent}
.auth-v2 .input-wrap .eye-toggle{min-width:44px;min-height:48px;margin-right:-8px;color:#becdbd}
.auth-v2 .eye-toggle .icon{width:21px;height:21px}
.auth-v2 .primary{min-height:56px;font-size:16px;font-weight:750;border-radius:14px;margin-top:2px;box-shadow:0 7px 25px #a8e35a0d}
.auth-v2 .primary .icon{width:21px;height:21px}
.auth-v2 .form-error{font-size:14px;line-height:1.6;margin:0 0 18px;color:#ffbaac}
.auth-v2 .login-hint{font-size:13px;color:#b2c1b6;margin:-9px 0 20px}
.auth-v2 .auth-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;font-size:14px;line-height:1.5;color:#b2c1b6;margin:16px 0}
.auth-v2 .auth-switch button{min-height:44px;font-size:14px;font-weight:700;padding:8px 4px}
.auth-v2 .auth-footer{font-size:12px;color:#9eb2a3;padding-top:20px;line-height:1.5}
.auth-v2 .auth-footer .icon{width:17px;height:17px}
@media(max-width:360px){.auth.auth-v2{padding-left:20px;padding-right:20px}.auth-v2 .brand{font-size:21px}.auth-welcome{font-size:11px}.login-visual{height:195px}.login-visual-copy{padding:20px 16px}.login-visual-copy p{font-size:27px}.login-picture-tag{font-size:9px;right:9px;bottom:10px}.login-intro h1{font-size:30px}.auth-v2 .input-wrap{gap:9px;padding-left:12px;padding-right:10px}}
@media(min-width:900px){.auth.auth-v2{min-height:900px;padding:30px 28px}.login-visual{height:230px}.login-intro{margin-top:30px}}