.login-wrap{background:var(--sg-bg-page);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--sg-border-subtle);background:var(--sg-bg-card);border-radius:14px;width:min(430px,100%);padding:34px 32px 32px}.login-brand{justify-content:center;align-items:center;gap:10px;margin:0 0 20px;display:flex}.login-brand-name{color:var(--sg-text);font-family:var(--font-ui);letter-spacing:-.01em;font-size:21px;font-weight:700}.brand-mark{width:34px;height:34px;color:var(--sg-primary-ink);background:var(--sg-primary);border-radius:9px;place-items:center;display:grid}.login-title{color:var(--sg-text);font-family:var(--font-ui);text-align:center;margin:0 0 6px;font-size:24px;font-weight:700}.login-subtitle{color:var(--sg-text-secondary);font:400 13.5px/1.5 var(--font-ui);text-align:center;margin:0 0 22px}.login-submit{justify-content:center;align-items:center;width:100%;display:flex}.login-divider{color:var(--sg-text-muted);font:400 11.5px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin:18px 0 14px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--sg-border-subtle);flex:1;height:1px}.login-sso{justify-content:center;align-items:center;gap:9px;width:100%;text-decoration:none;display:flex}.login-sso svg{flex:none}