body{overflow:auto}.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%;display:grid}.login-form{padding:48px max(24px, env(safe-area-inset-left,0px)) 48px max(24px, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center;display:flex}.login-inner{flex-direction:column;gap:24px;width:100%;max-width:380px;margin:0 auto;display:flex}.login-brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.login-brand .gh-mark{width:24px;height:24px;fill:var(--ink)}.login h1{letter-spacing:-.96px;text-wrap:balance;margin:6px 0 0;font-size:32px;font-weight:500;line-height:36px}.login .lead{color:var(--ink-muted);margin:8px 0 0;font-size:14px;line-height:20px}.google{width:100%;height:40px;font-size:14px}.google svg{width:18px;height:18px}.or{color:var(--ink-faint);align-items:center;gap:12px;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.login form{flex-direction:column;gap:14px;display:flex}.login *,.login :before,.login :after{box-sizing:border-box}.login .gh-input{width:100%;height:40px}a.gh-btn{text-decoration:none}.row-between{justify-content:space-between;align-items:center;font-size:13px;display:flex}.row-between label{color:var(--ink-muted);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.row-between input{accent-color:var(--ink);margin:0}.row-between a{color:var(--ink)}.submit{width:100%;height:40px;font-size:14px}.proto{color:var(--ink-faint);font-size:12px;line-height:16px}.login-side{background:var(--inverse);color:var(--on-inverse);flex-direction:column;justify-content:flex-end;gap:20px;padding:48px;display:flex;position:relative;overflow:hidden}.login-side .gh-eyebrow{color:var(--on-inverse-muted)}.login-side h2{letter-spacing:-.8px;text-wrap:balance;max-width:460px;margin:0;font-size:32px;font-weight:500;line-height:38px}.login-side p{max-width:440px;color:var(--on-inverse-muted);margin:0;font-size:14px;line-height:20px}.flow{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:56px;left:48px;right:48px}.flow span{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--on-inverse) 22%, transparent);height:30px;color:var(--on-inverse);align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.flow span.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.flow i{color:var(--on-inverse-muted);align-self:center;font-style:normal}@media (width<=900px){.login{grid-template-columns:1fr}.login-side{display:none}}
