.login{width:100%;padding:var(--space-6) var(--page-pad-x);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.login__card{gap:var(--space-5);width:100%;max-width:26rem;padding:var(--space-6);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-card);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login__head{gap:var(--space-2);flex-direction:column;display:flex}.login__brand{margin:0;margin-block-end:var(--space-2);display:flex}.login .login__logo{--brand-mark-size:1.75rem;margin-inline:0}.login__title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-fg);margin:0}.login__lede{font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-fg-muted);overflow-wrap:anywhere;margin:0}.login__email{color:var(--color-fg);font-weight:var(--font-weight-medium)}.login__form{gap:var(--space-4);flex-direction:column;display:flex}.login__field{gap:var(--space-2);flex-direction:column;display:flex}.login__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg)}.login__submit{width:100%}.login__actions{justify-content:space-between;align-items:center;gap:var(--space-2);margin-inline:calc(var(--space-3) * -1);flex-wrap:wrap;display:flex}.login__hint{font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--color-fg-subtle);margin:0}.login__dev{font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--color-fg-muted);margin:0}.login__dev code{font-family:var(--font-family-mono);font-size:inherit}.login__code{justify-content:center;display:flex}@media (width<=24rem){.login__card{padding:var(--space-5) var(--space-4)}}