.login-page{min-height:var(--viewport-height,100dvh);padding-top:max(2rem, calc(1rem + var(--safe-area-inset-top,0px)));padding-bottom:max(2rem, calc(1rem + var(--safe-area-inset-bottom,0px)));background:radial-gradient(ellipse 80% 50% at 50% -10%, color-mix(in srgb, var(--color-brand-ring-cerulean) 18%, transparent), transparent), radial-gradient(ellipse 60% 40% at 100% 100%, color-mix(in srgb, var(--color-brand-ring-magenta) 10%, transparent), transparent), radial-gradient(ellipse 50% 30% at 0% 80%, color-mix(in srgb, var(--color-brand-ring-amber) 8%, transparent), transparent), var(--color-background)}@supports (-webkit-touch-callout:none){.login-page{min-height:-webkit-fill-available}}@media (height<=700px){.login-brand{margin-bottom:1rem!important}.login-brand-logo img{width:3.75rem;height:3.75rem}.login-card .login-card-desc{display:none}}@property --login-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes login-border-flow{to{--login-glow-angle:360deg}}.login-card-frame{border-radius:var(--radius-xl);background:conic-gradient(from var(--login-glow-angle), var(--color-brand-ring-teal), var(--color-brand-ring-cerulean), var(--color-spectrum-blue), var(--color-brand-ring-magenta), var(--color-spectrum-purple), var(--color-brand-ring-amber), var(--color-spectrum-orange), var(--color-brand-ring-teal));width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:2px;animation:5s linear infinite login-border-flow}@media (prefers-reduced-motion:reduce){.login-card-frame{animation:none}}.login-card{box-shadow:none;background:var(--color-surface);border-radius:calc(var(--radius-xl) - 2px);border:none}.login-brand{align-items:center;gap:1rem;display:flex}.login-brand-logo{shrink:0;border-radius:var(--radius-lg);box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.login-brand-logo img{object-fit:contain;border-radius:var(--radius-lg);width:4.5rem;height:4.5rem;display:block}.login-brand-copy{text-align:left;min-width:0}.login-brand-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.6875rem;font-weight:600;line-height:1.3}.login-brand-title{letter-spacing:-.02em;color:var(--color-foreground);margin:.25rem 0 0;font-size:1.375rem;font-weight:700;line-height:1.2}.login-brand-tagline{color:var(--color-muted);margin:.5rem 0 0;font-size:.8125rem;line-height:1.35}@media (width>=380px){.login-brand-title{font-size:1.5rem}}.login-card h3{color:var(--color-foreground)}.login-card .login-card-desc{color:var(--color-muted)}.login-form label{color:var(--color-foreground);font-weight:600}.login-form .login-hint,.login-form .login-consent,.login-form .login-legal{color:var(--color-muted)}.login-form .login-consent a{color:var(--color-brand-ring-cerulean);text-underline-offset:2px;font-weight:600}.login-form input[type=email],.login-form input[type=password]{border-width:1.5px;border-color:var(--color-border);background:var(--color-input-background);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--color-foreground) 4%, transparent)}.login-form input[type=email]:focus-visible,.login-form input[type=password]:focus-visible{border-color:var(--color-brand-ring-cerulean);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-ring-cerulean) 22%, transparent), inset 0 1px 2px color-mix(in srgb, var(--color-foreground) 3%, transparent)}.login-form button[type=submit]{box-shadow:0 2px 8px color-mix(in srgb, var(--color-brand-primary) 35%, transparent)}.login-page__layout{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=768px){.login-page{padding-inline:clamp(1.5rem,4vw,3rem)}.login-page__layout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(2rem,5vw,4rem);max-width:56rem;margin-inline:auto;display:grid}.login-brand{width:auto;max-width:none;margin-bottom:0!important}.login-brand-copy{text-align:left}.login-brand-title{font-size:clamp(1.75rem,2.5vw,2.25rem)}.login-brand-tagline{max-width:22rem}.login-card-frame{justify-self:end;width:100%;max-width:420px}}