.login{min-height:100dvh;padding:var(--sp-5);background:var(--c-canvas);place-items:center;display:grid}.login__card{gap:var(--sp-4);width:100%;max-width:22rem;padding:var(--sp-6);background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-card);flex-direction:column;display:flex}.login__title{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.01em;color:var(--c-ink);margin:0;font-weight:600}.login__note{font-size:var(--fs-s);color:var(--c-ink-soft);margin:0}.login__who{font-family:var(--font-data);color:var(--c-ink)}.login__error{padding:var(--sp-3);border-radius:var(--radius-ctl);background:var(--c-danger-wash);color:var(--c-ink);font-size:var(--fs-s);margin:0}.login__form{gap:var(--sp-4);flex-direction:column;display:flex}.login__submit{justify-content:center;width:100%}.login__row{gap:var(--sp-3);align-items:center;display:flex}