.login-page{isolation:isolate;background:radial-gradient(ellipse at 85% 35%, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent 55%), var(--color-canvas);align-items:center;min-height:100dvh;padding:1.5rem 1rem 2rem;display:grid;position:relative;overflow:clip}.login-card-wrap{min-width:0;position:relative}.login-card-wrap:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid color-mix(in oklab, var(--color-accent) 16%, transparent);background:radial-gradient(circle at 30% 25%, color-mix(in oklab, var(--color-accent) 13%, transparent), color-mix(in oklab, var(--color-accent) 3%, var(--color-canvas)) 55%, var(--color-canvas) 80%);width:calc(100% + 10rem);box-shadow:inset -1rem -1.5rem 3rem color-mix(in oklab, var(--color-canvas) 80%, transparent), 0 0 100px color-mix(in oklab, var(--color-accent) 5%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.login-layout{isolation:isolate;width:100%;max-width:26rem;margin:auto}.login-brand{font-family:var(--font-display);align-items:center;gap:.625rem;font-weight:500;display:flex}.login-brand img{border-radius:.5rem;width:2rem;height:2rem}.login-intro{margin:0 0 1.5rem .25rem}.login-intro h2{display:none}.login-description{max-width:24rem;color:var(--color-muted);margin-top:.75rem;font-size:.875rem;line-height:1.6}.login-card{border:1px solid var(--color-line-strong);border-radius:var(--radius-xl);background:var(--color-surface);min-width:0;padding:1.75rem 1.25rem 1.25rem;box-shadow:inset 0 1px #ffffff0d,0 24px 64px -24px #000000b3}@supports ((-webkit-backdrop-filter:blur(24px)) or (backdrop-filter:blur(24px))){.login-card{background:linear-gradient(145deg, color-mix(in oklab, var(--color-raised) 82%, transparent), color-mix(in oklab, var(--color-surface) 88%, transparent));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}}.login-card .login-provider{border-radius:var(--radius-md);border-color:var(--color-line-strong);background:color-mix(in oklab, var(--color-raised) 75%, transparent);min-height:3.25rem;padding-inline:2.75rem;font-size:.9375rem;position:relative}.login-provider svg{position:absolute;left:1rem}.login-divider{color:var(--color-subtle);align-items:center;gap:.875rem;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-line);flex:1;height:1px}.login-email-toggle{border-radius:var(--radius-md);width:100%;min-height:3rem;color:var(--color-muted);align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.login-email-toggle:disabled{opacity:.5}.login-card .field-control{min-height:3rem}.login-footnote{text-align:center;color:var(--color-subtle);margin-top:1.5rem;font-size:.75rem}@media (hover:hover){.login-card .login-provider:hover:enabled{background:var(--color-line)}.login-email-toggle:hover:enabled{color:var(--color-ink);background:#ffffff0a}}@media (width>=56rem){.login-page{padding:3rem}.login-card-wrap:before{width:calc(100% + 12rem)}.login-layout{grid-template-columns:1fr 26rem;column-gap:4rem;max-width:60rem;display:grid}.login-intro{align-self:center;margin:0}.login-intro h2{letter-spacing:-.045em;margin-top:2rem;font-size:3.5rem;font-weight:550;line-height:1.08;display:block}.login-description{color:var(--color-muted);margin-top:1.5rem;line-height:1.75;display:block}.login-card{padding:2.5rem 2rem 1.75rem}.login-footnote{grid-column:2}}