:root{color-scheme:light;--suite-ink:#081c2b;--suite-cream:#f7f2e8;--suite-bronze:#b59b72;--suite-coral:#e8876e;--suite-blue:#78b9df;--suite-lime:#bce963}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%;margin:0}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.login-body{min-height:100vh;color:#fffdf7;background:#071d2c}
.suite-login-shell{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 77% 78%,rgba(197,215,218,.12),transparent 30%),linear-gradient(135deg,#08263b 0%,#071d2c 58%,#20292d 100%)}
.suite-login-header{position:relative;z-index:10;min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,3.8vw,62px);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(5,11,18,.82);backdrop-filter:blur(14px)}
.suite-login-product,.suite-login-company{display:flex;align-items:center;gap:11px;color:#d6d9d7;font-size:11px;font-weight:650;letter-spacing:.08em}
.suite-login-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#c6a77b;font-size:9px;font-weight:850;letter-spacing:-.04em}
.suite-login-suite{color:#fffdf7;font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.suite-login-company{justify-self:end;font-size:10px;letter-spacing:0}
.suite-login-stage{position:relative;z-index:4;width:min(1360px,100%);min-height:calc(100svh - 58px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:clamp(60px,8vw,150px);align-items:center;margin:0 auto;padding:clamp(70px,10vh,130px) clamp(36px,7vw,120px) clamp(70px,9vh,110px)}
.suite-login-intro{position:relative;z-index:2;max-width:690px}
.suite-login-kicker,.suite-login-card-kicker{margin:0;color:#c6aa7f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}
.suite-login-intro h1{margin:24px 0 28px;font-size:clamp(55px,6vw,92px);font-weight:780;letter-spacing:-.075em;line-height:.85}
.suite-login-intro h1 span{display:block}
.suite-login-description{max-width:610px;margin:0;color:#b7c2c7;font-size:clamp(15px,1.35vw,19px);line-height:1.65}
.suite-login-card{position:relative;z-index:5;width:min(100%,500px);justify-self:end;padding:clamp(38px,4.2vw,58px);border:1px solid rgba(255,255,255,.44);border-radius:29px;color:var(--suite-ink);background:rgba(247,242,232,.97);box-shadow:0 35px 80px rgba(0,0,0,.25)}
.suite-login-copy h2{margin:8px 0 13px;font-size:clamp(35px,3.2vw,48px);font-weight:820;letter-spacing:-.06em;line-height:1}
.suite-login-copy p{margin:0;color:#737e82;font-size:13px;line-height:1.55}
.suite-login-form{display:grid;gap:12px;margin-top:28px}
.suite-login-field{display:grid;gap:8px;color:#31434e;font-size:10px;font-weight:750}
.suite-login-field input{width:100%;min-height:51px;padding:0 16px;border:1px solid rgba(8,28,43,.18);border-radius:13px;outline:none;color:var(--suite-ink);background:rgba(255,255,255,.62);font-size:13px;box-shadow:0 0 0 4px transparent;transition:border-color 180ms,box-shadow 180ms}
.suite-login-field input:focus{border-color:#b99765;box-shadow:0 0 0 4px rgba(185,151,101,.13)}
.suite-login-field .suite-login-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:20px;letter-spacing:.35em;text-align:center}
.suite-login-primary{min-height:51px;display:flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--suite-ink);border-radius:999px;color:#fff;background:var(--suite-ink);font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 13px 28px rgba(8,28,43,.18);transition:transform 180ms,box-shadow 180ms,background 180ms}
.suite-login-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(8,28,43,.2)}
.suite-login-primary:disabled,.suite-login-text-button:disabled{opacity:.55;cursor:wait;transform:none}
.suite-login-text-button{min-height:30px;border:0;color:#52636b;background:transparent;font-size:9px;cursor:pointer}
.suite-login-card small{display:block;margin-top:21px;color:#7d878a;font-size:9px;line-height:1.55;text-align:center}
.suite-login-card small span{display:block;margin-top:3px}
.suite-login-error{margin-top:20px;padding:12px 14px;border:1px solid rgba(160,48,37,.2);border-radius:11px;color:#8a3029;background:#fff0eb;font-size:10px;line-height:1.5}
.suite-login-bands{position:absolute;z-index:1;inset:58px 0 0;overflow:hidden;pointer-events:none}
.suite-login-band{position:absolute;right:-12vw;width:65vw;height:clamp(26px,3vw,48px);border-radius:999px;transform:rotate(-18deg);transform-origin:right center;opacity:.92}
.suite-login-band-bronze{top:9%;background:var(--suite-bronze)}
.suite-login-band-coral{top:28%;right:-17vw;background:var(--suite-coral)}
.suite-login-band-blue{bottom:12%;right:-8vw;background:var(--suite-blue)}
.suite-login-band-lime{bottom:-3%;right:-3vw;background:var(--suite-lime)}
.suite-login-ledgers{position:relative;width:220px;height:76px;margin-top:34px}
.suite-login-ledgers i{position:absolute;left:calc(var(--ledger-index,0) * 24px);bottom:calc(var(--ledger-index,0) * -3px);width:135px;height:48px;border-radius:13px 17px 8px 11px;box-shadow:0 10px 20px rgba(0,0,0,.12);transform:rotate(calc(-7deg + var(--ledger-index,0) * 3deg))}
.suite-login-ledgers i::before{content:"";position:absolute;top:-8px;left:12px;width:45px;height:14px;border-radius:8px 8px 0 0;background:inherit}
.suite-login-ledgers i:nth-child(1){--ledger-index:0;background:var(--suite-coral)}
.suite-login-ledgers i:nth-child(2){--ledger-index:1;background:#c5a776}
.suite-login-ledgers i:nth-child(3){--ledger-index:2;background:var(--suite-blue)}
.suite-login-ledgers i:nth-child(4){--ledger-index:3;background:var(--suite-lime)}
@media(max-width:900px){.suite-login-header{grid-template-columns:1fr auto;min-height:64px}.suite-login-suite{justify-self:end}.suite-login-company{display:none}.suite-login-stage{min-height:calc(100svh - 64px);grid-template-columns:1fr;gap:42px;padding:66px 22px 54px}.suite-login-intro{max-width:620px}.suite-login-intro h1{font-size:clamp(50px,14vw,76px)}.suite-login-description{max-width:540px}.suite-login-card{width:100%;justify-self:stretch;padding:34px 25px}.suite-login-band{width:112vw;opacity:.5}.suite-login-band-bronze{top:8%}.suite-login-band-coral{top:25%}.suite-login-band-blue{bottom:22%}.suite-login-band-lime{bottom:7%}}
@media(max-width:520px){.suite-login-product{font-size:10px}.suite-login-suite{font-size:9px;letter-spacing:.22em}.suite-login-stage{padding-top:48px}.suite-login-intro h1{margin-top:17px}.suite-login-ledgers{transform:scale(.82);transform-origin:left center;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.suite-login-primary{transition:none}}