.client-login{--ink:#172a32;--accent:#164c56;min-height:100svh;background:#fbfcfd;color:var(--ink);grid-template-columns:minmax(350px,1fr) minmax(440px,1fr)}
.client-login .login-brand{background:#132e38;color:#fff;padding:48px clamp(32px,6vw,88px);gap:50px;position:relative;overflow:hidden}
.client-login .login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff12;border-radius:50%;bottom:-350px;left:-50px;pointer-events:none}
.client-login .wordmark{color:#fff;font-size:38px;letter-spacing:-2px;font-weight:750;text-decoration:none}.client-login .wordmark span{color:#8abec5}.client-login .login-brand h1{font-family:inherit;font-size:clamp(40px,4.4vw,66px);font-weight:560;letter-spacing:-.055em;line-height:1.08;max-width:none;margin:22px 0 26px}.client-login .login-brand p:not(.eyebrow){color:#c2d4d9;line-height:1.7;font-size:18px}.client-login .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700}.client-login .login-brand .eyebrow{color:#99c5ca}.login-principles{display:grid;gap:14px;margin-top:36px;font-size:14px;color:#dce8eb}.login-principles span:before{content:"✓";margin-right:12px;color:#a7d6cc}.client-login .login-brand small{font-size:10px;letter-spacing:.1em;color:#99b1b9}.client-login .login-form-wrap{padding:60px 40px;display:flex;align-items:center;justify-content:center}.client-login .login-form{width:100%;max-width:390px}.client-login .login-form h2{font-size:36px;letter-spacing:-.035em;margin:12px 0}.client-login .login-form>p:not(.eyebrow):not(.form-hint){color:#61717b;line-height:1.6;margin-bottom:32px}.client-login .field{font-size:14px;font-weight:600;display:grid;gap:9px;margin-top:20px}.client-login input{height:52px;width:100%;border:1px solid #cad5db;border-radius:7px;background:#fff;color:var(--ink);font-size:17px;padding:12px 14px;box-sizing:border-box}.client-login input:focus{outline:3px solid #3683913b;outline-offset:2px;border-color:#287383}.client-login .login-recover{display:block;text-align:right;font-size:13px;color:#275965;margin:14px 0 28px}.client-login .button.primary{width:100%;display:flex;justify-content:space-between;min-height:52px;background:var(--accent);border:0;border-radius:7px;color:#fff;font-size:15px;font-weight:650;padding:14px 18px}.client-login .button.primary:disabled{opacity:.55}.client-login .form-hint{font-size:12px;line-height:1.6;color:#6a7881;margin-top:15px}.client-login .form-error{margin:12px 0;padding:14px;font-size:14px;border-radius:6px;background:#fff0ed;color:#8b2925}.client-login [hidden]{display:none!important}.login-help{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e0e7ea;margin-top:28px;padding-top:24px;font-size:13px;color:#61717b}.login-help a{color:#275965;font-weight:650}.login-back{display:inline-block;color:#61717b;font-size:13px;margin-top:34px;text-decoration:none}.client-online-support{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:20px;z-index:45;padding:12px 17px;border:1px solid #b8cbd0;background:#fff;color:#174b57;border-radius:24px;box-shadow:0 3px 18px #17334214;text-decoration:none;font-size:13px;font-weight:650;min-height:44px;box-sizing:border-box}
@media(max-width:800px){.client-login{grid-template-columns:1fr}.client-login .login-brand{padding:25px 28px;gap:0;min-height:auto}.client-login .login-brand>div,.client-login .login-brand>small{display:none}.client-login .wordmark{font-size:32px}.client-login .login-form-wrap{padding:38px 26px 85px;align-items:flex-start}.client-login .login-form h2{font-size:32px}.client-login .login-form>p:not(.eyebrow):not(.form-hint){margin-bottom:26px}.client-online-support{bottom:16px;right:16px}.login-help{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.client-login *{scroll-behavior:auto}}
.login-help button[data-support-open]{background:none;border:0;color:#275965;font:650 13px system-ui;padding:0;min-height:44px;cursor:pointer}.login-help:has([data-support-open]){align-items:center}