.marketing-signin{--account-login-surface-bg:var(--marketing-page-background,var(--app-surface-raised));--signin-shell-width:1280px;--signin-gutter:24px;background:var(--account-login-surface-bg);min-height:100svh;color:var(--app-text-primary);flex-direction:column;display:flex}.marketing-signin-header{padding-top:env(safe-area-inset-top);flex:none}.marketing-signin-header-inner{width:100%;max-width:var(--signin-shell-width);height:64px;padding-inline:max(var(--signin-gutter), env(safe-area-inset-left)) max(var(--signin-gutter), env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:16px;margin-inline:auto;display:flex}.marketing-signin-controls{align-items:center;gap:4px;display:flex}.marketing-signin-brand{align-items:center;display:inline-flex}.marketing-signin-theme{cursor:pointer;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.marketing-signin-theme:hover{background:var(--app-surface-muted)}.marketing-signin-body{width:100%;max-width:var(--signin-shell-width);padding:24px max(var(--signin-gutter), env(safe-area-inset-right)) 64px max(var(--signin-gutter), env(safe-area-inset-left));flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-inline:auto;display:grid}.marketing-signin-column{flex-direction:column;align-items:center;min-width:0;display:flex}.marketing-signin-content{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:360px;padding-block:32px;display:flex}.marketing-signin-content :is(.account-login-title,.account-login-description){overflow-wrap:anywhere;max-width:100%}.marketing-signin-visual{--sheet-gap:18px;isolation:isolate;background:#e5e7eb;border-radius:28px;width:100%;min-height:560px;position:relative;overflow:hidden;container-type:size}html[data-theme=dark] .marketing-signin-visual{background:#262626}.marketing-signin-visual:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffffff40;position:absolute;inset:0}.marketing-signin-sheet-angle{--sheet-card-width:max(clamp(240px, 20vw, 320px), calc(27cqh + 60px));gap:var(--sheet-gap);width:calc(var(--sheet-card-width) * 4 + var(--sheet-gap) * 3);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.marketing-signin-sheet-row{flex:none;overflow:hidden}.marketing-signin-row-track{will-change:transform;width:max-content;animation:96s linear infinite paused signin-row-drift;display:flex}.marketing-signin-sheet-row:nth-child(2n) .marketing-signin-row-track{animation-direction:reverse}.marketing-signin-visual[data-animating=true] .marketing-signin-row-track{animation-play-state:running}.marketing-signin-row-copy{gap:var(--sheet-gap);padding-right:var(--sheet-gap);flex:none;display:flex}.marketing-signin-row-copy img{width:var(--sheet-card-width);aspect-ratio:16/9;border-radius:10px;flex:none;height:auto;display:block;box-shadow:0 2px 6px #241b1712}@keyframes signin-row-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marketing-signin-row-track{will-change:auto;animation:none}}.marketing-signin-notice{border:1px solid var(--app-border-soft);color:var(--app-text-secondary);border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px}.marketing-signin-entering{width:100%}.marketing-signin-entering-spinner{color:var(--app-text-primary);margin-bottom:24px}.marketing-signin-entering .account-login-description{color:var(--app-text-secondary);margin-bottom:0}.marketing-signin-waitlist{text-align:center;text-underline-offset:4px;margin-top:20px;font-size:14px;text-decoration:underline;display:block}.marketing-signin-footer{color:var(--app-text-muted);flex:none;justify-content:center;align-items:center;padding-bottom:32px;font-size:12px;display:flex}.marketing-signin-footer nav{align-items:center;display:flex}.marketing-signin-footer :is(nav,a+a){border-left:1px solid var(--app-border-neutral);margin-left:12px;padding-left:12px;line-height:1}.marketing-signin-footer a{text-underline-offset:2px;text-decoration:underline}.marketing-signin-footer a:hover{color:var(--app-text-primary)}.marketing-signin :is(a,button):focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}@media (max-width:900px){.marketing-signin-body{padding-block:0 env(safe-area-inset-bottom);grid-template-columns:minmax(0,1fr);gap:0}.marketing-signin-visual{display:none}}@media (max-width:639px){.marketing-signin{--signin-gutter:20px}}