:root{color-scheme:light;--primary:#7653b8;--primary-dark:#614294;--primary-soft:#f2eef9;--teal:#218b7b;--ink:#282738;--muted:#626579;--line:#dedde7;--background:#f7f8fb;--danger:#aa303e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary);outline-offset:4px}[hidden]{display:none!important}.login-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.96fr) minmax(420px,1.04fr)}.brand-panel{padding:46px clamp(32px,6vw,92px) 32px;background:#eee9f7;display:flex;flex-direction:column;position:relative}.brand{display:inline-flex;align-self:flex-start}.brand img{width:138px;height:auto;object-fit:contain}.brand-copy{margin:auto 0;padding:60px 0 80px;max-width:510px}.eyebrow{font-size:13px;color:var(--primary-dark);font-weight:650;letter-spacing:1px;margin:0 0 18px}.brand-copy h1{font-size:clamp(34px,3.25vw,52px);letter-spacing:-1.3px;line-height:1.4;font-weight:650;margin:0 0 28px}.brand-description{font-size:15px;line-height:1.9;color:#5f5970;margin:0}.brand-rule{display:flex;gap:8px;margin-top:44px}.brand-rule span{height:4px;width:56px;background:var(--primary);border-radius:2px}.brand-rule span+span{width:22px;background:var(--teal)}.company{font-size:12px;color:#6f687b;margin:0}.form-panel{position:relative;background:#fff;display:flex;align-items:center;justify-content:center;padding:68px 40px 84px}.form-shell{width:min(100%,390px)}.form-heading{margin-bottom:32px}.form-heading .eyebrow{margin-bottom:10px;font-size:12px}.form-heading h2{font-size:28px;font-weight:650;letter-spacing:-.4px;margin:0 0 12px}.form-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.field{display:grid;gap:8px;margin-bottom:21px}.field label{font-size:14px;font-weight:550}.field input{width:100%;height:48px;border:1px solid #a6a7b5;border-radius:7px;padding:0 13px;min-width:0;background:#fff;color:var(--ink);transition:border-color .16s}.field input:hover{border-color:#777989}.field input:focus{border-color:var(--primary)}.field input::placeholder{color:#818294;font-size:14px}.field small{font-size:12px;color:var(--muted);line-height:1.6}.password-field{display:flex;position:relative}.password-field input{padding-right:66px}.reveal{position:absolute;right:3px;top:2px;min-width:56px;min-height:44px;border:0;background:transparent;color:var(--primary-dark);font-size:13px;border-radius:5px}.reveal:hover{background:var(--primary-soft)}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:1px solid var(--primary);border-radius:7px;padding:12px 16px;background:var(--primary);color:white;font-size:15px;font-weight:550;transition:background .16s,border-color .16s;margin-top:28px}.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.primary span{font-size:20px;line-height:1}.form-help{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 0}.feedback{font-size:13px;line-height:1.7;color:var(--danger);background:#fff2f3;border:1px solid #f0c2c7;padding:12px 14px;border-radius:7px;margin-bottom:22px;overflow-wrap:anywhere}.progress{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.signed-in{font-size:13px;color:#246b60;background:#edf7f3;border-radius:6px;padding:11px 13px;margin:0 0 22px}.text-button{display:block;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:13px;min-height:44px;padding:10px 14px;margin:10px auto 0}.text-button:hover{background:var(--background);color:var(--ink)}.footer-note{position:absolute;bottom:28px;left:20px;right:20px;text-align:center;font-size:11px;color:#747383;margin:0}
@media(max-width:900px){.login-layout{grid-template-columns:.88fr 1.12fr}.brand-panel{padding:32px}.brand-copy h1{font-size:34px}.desktop-break{display:none}.form-panel{padding-left:32px;padding-right:32px}}
@media(max-width:700px){.login-layout{display:block}.brand-panel{padding:22px 24px;background:var(--background)}.brand img{width:105px}.brand-copy,.company{display:none}.form-panel{min-height:calc(100dvh - 90px);align-items:flex-start;padding:40px 24px 76px}.form-heading{margin-bottom:30px}.form-heading h2{font-size:27px}.field input{font-size:16px}.footer-note{bottom:25px}.primary{margin-top:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
