[data-page=sign-in]{z-index:100;background:var(--bg);min-height:100svh;font-size:var(--fs-base);place-items:center;padding:96px 24px 64px;display:grid;position:relative}[data-page=sign-in] .signin-panel{text-align:center;width:min(100%,380px)}[data-page=sign-in] .signin-brand{align-items:center;min-height:44px;margin-bottom:32px;display:inline-flex}[data-page=sign-in] .brand-logo{width:48px;height:48px}[data-page=sign-in] h1{font-family:var(--serif);font-size:var(--fs-h2);letter-spacing:-.01em;text-wrap:balance;-webkit-font-smoothing:auto;margin:0 0 36px;font-weight:500;line-height:1.16}[data-page=sign-in] h1:focus{outline:none}[data-page=sign-in] .signin-form{text-align:left;flex-direction:column;display:flex}[data-page=sign-in] .signin-hint,[data-page=sign-in] .signin-error{font-size:var(--fs-sm);color:var(--fg-dim);margin:12px 0 24px;line-height:1.6}[data-page=sign-in] .signin-error{color:var(--ui-destructive)}[data-page=sign-in] .signin-privacy{color:var(--fg);text-underline-offset:2px;font-weight:600;text-decoration:underline}[data-page=sign-in] .signin-submit{width:100%}[data-page=sign-in] .signin-divider{color:var(--fg-dim);font-size:var(--fs-base);align-items:center;gap:16px;margin:26px 0 22px;display:flex}[data-page=sign-in] .signin-divider:before,[data-page=sign-in] .signin-divider:after{content:"";background:var(--line-strong);flex:1;height:1px}[data-page=sign-in] .signin-providers{justify-content:center;gap:12px;display:flex}[data-page=sign-in] .signin-provider-mark{stroke:none;width:24px;height:24px}[data-page=sign-in] .signin-notice{min-height:42px;color:var(--fg-dim);font-size:var(--fs-sm);margin:20px 0 0;line-height:1.6}[data-page=sign-in] .signin-mail{color:var(--accent);justify-content:center;margin:0 0 24px;display:flex}[data-page=sign-in] .signin-mail svg{stroke-width:1.4px;width:32px;height:32px}[data-page=sign-in] .signin-mail+h1{margin-bottom:20px}[data-page=sign-in] .signin-sent-copy{font-size:var(--fs-md);color:var(--fg-dim);line-height:1.8}[data-page=sign-in] .signin-sent-copy strong{color:var(--fg);overflow-wrap:anywhere;font-weight:500}[data-page=sign-in] .signin-sent-help{font-size:var(--fs-sm);color:var(--fg-dim);margin-top:16px}[data-page=sign-in] .signin-sent-actions{flex-direction:column;gap:8px;margin-top:32px;display:flex}[data-page=sign-in] .signin-spinner{animation:.8s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}@media (max-width:760px){[data-page=sign-in]{align-items:start;padding:max(128px,19svh) 24px 40px}[data-page=sign-in] .signin-brand{margin-bottom:24px}[data-page=sign-in] h1{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){[data-page=sign-in] .signin-spinner{animation:none}}[data-page=sign-in] .signin-gated{opacity:0}[data-page=sign-in] .signin-error a,[data-page=sign-in] .signin-notice a{color:var(--fg);text-underline-offset:2px;font-weight:600;text-decoration:underline}[data-page=sign-in] .signin-code-toggle{min-height:44px;color:var(--fg-dim);font-size:var(--fs-sm);text-underline-offset:2px;align-items:center;margin-top:8px;text-decoration:underline;display:inline-flex}[data-page=sign-in] .signin-code-toggle:hover{color:var(--fg)}[data-page=sign-in] .signin-code{text-align:left;flex-direction:column;gap:8px;margin-top:16px;display:flex}[data-page=sign-in] .signin-code .signin-error{margin:4px 0 0}[data-page=sign-in] .signin-state-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}[data-page=sign-in] .signin-state-help{font-size:var(--fs-sm);color:var(--fg-dim);margin:-16px 0 24px;line-height:1.6}[data-page=sign-in] .signin-redeeming{color:var(--fg-dim);justify-content:center;display:flex}[data-page=sign-in] .signin-redeeming svg{width:24px;height:24px}[data-page=sign-in] .signin-legacy{text-align:left;width:min(100%,420px)}
