.login.closed-beta .login-card{max-width:320px;text-align:left}
.login.closed-beta .login-card>p.beta-note{margin:16px 0 0;max-width:none;line-height:1.45}
.closed-beta .beta-note strong{color:var(--ink);overflow-wrap:anywhere}
.closed-beta code{font:13px/1 ui-monospace,monospace;letter-spacing:.12em;background:var(--hover,#eee);padding:3px 6px;border-radius:2px;white-space:nowrap}
.closed-beta .auth-buttons a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:13px 20px;border:1px solid currentColor;border-radius:2px;background:var(--ink,#111);color:var(--bg,#fff);font:600 .875rem/1.25rem Suisse,Inter,sans-serif;text-decoration:none}
.closed-beta .auth-buttons a svg{width:16px;height:16px;flex:none}
.closed-beta .beta-who{font-size:12px;overflow-wrap:anywhere}
.closed-beta .beta-who button{all:unset;color:inherit;text-decoration:underline;cursor:pointer}
.closed-beta :is(button,a):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.takeover-signin.closed-beta .beta-note strong{color:var(--signin-fg)}
.takeover-signin.closed-beta code{color:var(--signin-fg);background:var(--signin-card)}
/* The brand's one shout, as on the sign-in: lime with ink type. */
.takeover-signin.closed-beta .auth-buttons a{background:var(--signin-lime);color:var(--signin-ground);border-color:var(--signin-lime)}
.takeover-signin.closed-beta .beta-who{color:var(--signin-muted)}
@media(max-width:820px){
 .takeover-signin.closed-beta .login-card{width:100%}
}

.takeover-signin.closed-beta h1{font-size:48px}
.takeover-signin.closed-beta .signin-mark img{height:20px;width:auto;filter:brightness(0) invert(1)}

.takeover-signin.closed-beta .login-card .auth-buttons{margin-top:24px}