.login{min-block-size:100dvh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.login__card{gap:var(--space-4);inline-size:340px;max-inline-size:100%;padding:var(--space-5);background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:var(--border-glass);border-radius:var(--radius-3xl);box-shadow:var(--shadow-glass);flex-direction:column;display:flex}.login__brand{align-items:center;gap:var(--space-2-5);display:flex}.login__logomark{background:var(--color-ink);block-size:34px;inline-size:34px;color:var(--color-on-dark);font-size:var(--text-lg);font-weight:var(--weight-heavy);border-radius:11px;justify-content:center;align-items:center;line-height:1;display:flex}.login__wordmark{color:var(--color-text);font-size:17px;font-weight:var(--weight-bold);letter-spacing:-.01em}.login__heading{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);margin:0}.login__form{gap:var(--space-3-5);flex-direction:column;display:flex}.login__form>.button{inline-size:100%}.login__footer{justify-content:center;display:flex}
.change-password{gap:var(--space-3-5);flex-direction:column;min-inline-size:min(320px,80vw);display:flex}.change-password__footer{justify-content:flex-end;gap:var(--space-2-5);padding-block-start:var(--space-1);display:flex}