.sign-in{min-block-size:100dvh;display:grid}.sign-in__panel{padding:var(--space-6) var(--gutter);flex-direction:column;display:flex}.sign-in__brand{align-self:flex-start;align-items:center;min-block-size:2.75rem;display:inline-flex}.sign-in__content{gap:var(--space-6);inline-size:min(100%,26rem);padding-block:var(--space-12);margin:auto;display:grid}.sign-in__title{font-size:clamp(2rem,1.6rem + 1.6vw,2.6rem);font-weight:var(--weight-bold);line-height:1.3}.sign-in__lead{color:var(--color-ink-muted);font-size:var(--text-lg);margin-block-start:calc(var(--space-4) * -1);line-height:1.8}.sign-in__form{display:grid}.google-button{justify-content:center;align-items:center;gap:var(--space-3);min-block-size:3.5rem;padding-inline:var(--space-6);border:1.5px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-canvas);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);display:flex;box-shadow:0 1px 2px #16120e0d}.google-button:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-ink) 25%, var(--color-canvas));box-shadow:var(--shadow-card)}.google-button:active:not(:disabled){transform:translateY(1px)}.google-button:disabled{cursor:progress;opacity:.7}.google-button__logo{block-size:1.4rem;inline-size:1.4rem}.sign-in__legal{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:1.8}.sign-in__legal a{color:var(--color-ink);font-weight:var(--weight-semibold);text-decoration:underline;-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);text-underline-offset:3px}.sign-in__footer{font-size:var(--text-xs);color:var(--color-ink-subtle)}.sign-in__showcase{display:none}@media (width>=64rem){.sign-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.sign-in__panel{padding:var(--space-8) var(--space-16)}.sign-in__showcase{justify-content:center;align-items:center;gap:var(--space-12);margin:var(--space-3);border-radius:var(--radius-xl);background:var(--color-brand);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.sign-in__showcase:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff29 1.2px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0}}.showcase{position:relative}.showcase__store{border-radius:var(--radius-xl);background:var(--color-canvas);inline-size:22rem;padding:.9rem;transform:rotate(-2deg);box-shadow:0 30px 60px -20px #16120e66}.showcase__bar{align-items:center;gap:.5rem;padding:.2rem .3rem .8rem;display:flex}.showcase__logo{background:var(--color-ink);border-radius:.6rem;block-size:2rem;inline-size:2rem}.showcase__name{font-weight:var(--weight-bold);font-size:.95rem}.showcase__cart{background:var(--color-surface);border-radius:50%;block-size:2rem;inline-size:2rem;margin-inline-start:auto}.showcase__banner{border-radius:var(--radius-lg);background:var(--color-brand-tint);flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.1rem;display:flex}.showcase__banner-title{font-size:1.15rem;font-weight:var(--weight-bold)}.showcase__banner-cta{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-canvas);font-size:.72rem;font-weight:var(--weight-semibold);padding:.2rem .8rem}.showcase__grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-block-start:.8rem;display:grid}.showcase__grid span{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface)}.showcase__toast{border-radius:var(--radius-md);background:var(--color-canvas);box-shadow:var(--shadow-float);align-items:center;gap:.7rem;padding:.75rem 1rem;line-height:1.4;display:flex;position:absolute;inset-block-end:-1.5rem;inset-inline-start:-3rem}.showcase__toast strong{font-size:var(--text-sm);display:block}.showcase__toast small{font-size:var(--text-xs);color:var(--color-brand-text);font-weight:var(--weight-semibold)}.showcase__toast-icon{background:var(--color-brand);block-size:2.3rem;inline-size:2.3rem;color:var(--color-canvas);border-radius:.75rem;place-items:center;display:grid}.showcase__toast-icon svg{inline-size:1.2rem}.sign-in__benefits{gap:var(--space-3);color:var(--color-canvas);font-size:var(--text-lg);font-weight:var(--weight-bold);padding:0;list-style:none;display:grid}.sign-in__benefits li{align-items:center;gap:var(--space-3);display:flex}.sign-in__benefits svg{background:#fff3;border-radius:50%;block-size:1.6rem;inline-size:1.6rem;padding:.3rem}