.host-login{background:#f4f6fb;min-height:100dvh}.host-login-layout{min-height:100dvh;max-width:1180px;padding:45px 35px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.host-login-card{max-width:400px;width:100%;padding:10px 0}.host-login-card .auth-brand img{width:46px;height:46px}.host-login-card .auth-brand b{font-size:25px}.host-login-intro{margin:38px 0 28px}.host-login-intro>span{font-size:10px;color:#6c8a81}.host-login-intro h1{font-size:27px;color:#30486d;margin:10px 0}.host-login-intro p{font-size:12px;color:#71829e;line-height:2.4}.host-login-card .field{margin-bottom:22px}.host-login-card .field input{background:#fff;min-height:47px;border-color:#d9e2f0}.host-login-card .primary{margin-top:12px;background:#304b78}.host-recovery{font-size:10px;color:#7e8fa8;line-height:2.2;margin-top:24px}.host-back{display:block;font-size:11px;color:#5676ab;margin-top:20px}.host-login-story{background:#2d446a;color:#fff;padding:45px;border-radius:26px;min-height:540px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.host-login-story:after{content:'✦';position:absolute;left:-15px;top:35px;font-size:190px;line-height:1;color:#ffffff06;pointer-events:none}.host-login-story>span{font-size:11px;color:#abc7c3}.host-login-story h2{font-size:35px;line-height:1.9;margin:20px 0 16px;font-weight:600}.host-login-story p{font-size:12px;line-height:2.5;color:#b6c8e0;margin-bottom:30px}.host-login-story>div{display:flex;align-items:center;gap:15px;padding:14px 0;font-size:12px;color:#d0dbee;width:100%;border-bottom:1px solid #ffffff0e}.host-login-story>div>b{font-size:15px;color:#d7b28f;font-weight:400}.host-login-story>small{font-size:9px;color:#9db1d0;margin-top:auto;padding-top:30px}.host-mfa-secret{border:1px solid #e1e9f5;background:#f6f9ff;border-radius:12px;padding:18px;margin-top:20px}.host-mfa-secret p{font-size:11px;color:#6b819f;line-height:2.3;margin-bottom:15px}.host-mfa-secret>label{font-size:10px;display:block;color:#5f7598;margin-bottom:10px}.host-mfa-secret>input{width:100%;font-family:monospace;font-size:14px;border:1px solid #d9e4f4;border-radius:8px;padding:12px;color:#3b587d;background:#fff}.host-mfa-secret>a{display:block;font-size:10px;color:#486eae;margin:12px 0 20px}.host-login .field-error{min-height:0}.host-login #host-code{letter-spacing:7px;text-align:center;font-size:22px}
@media(max-width:900px){.host-login-layout{gap:35px;padding:30px}.host-login-story{padding:30px;min-height:520px}.host-login-story h2{font-size:30px}.host-login-intro h1{font-size:24px}}@media(max-width:700px){.host-login-layout{display:flex;justify-content:center;padding:35px 25px;min-height:100dvh}.host-login-story{display:none}.host-login-card{padding:5px 0}.host-login-intro{margin-top:35px}.host-login-intro h1{font-size:26px}.host-login-intro p{font-size:12px}.host-login-card .auth-brand{margin-bottom:0}.host-mfa-secret{padding:14px}.host-mfa-secret>input{font-size:12px}}