.auth-page {
    align-items: center;
    background: radial-gradient(circle at top right, rgb(244 135 52 / 14%), transparent 45%), var(--color-background);
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
}

.login-card {
    background: var(--color-surface);
    border-radius: 1rem;
    border-top: 5px solid var(--color-primary);
    box-shadow: var(--shadow-card);
    max-width: 26rem;
    padding: clamp(1.5rem, 5vw, 2.25rem);
    width: 100%;
}

.login-logo { display: block; height: auto; margin: 0 auto 1.25rem; max-height: 4.5rem; max-width: 11rem; }
.login-intro { font-size: 1.05rem; margin: .4rem 0 1.5rem; }
.login-card .field + .field { margin-top: 1rem; }
.login-card .field input { min-height: 2.6rem; }
.login-card .button-primary { margin-top: 1.4rem; min-height: 2.6rem; width: 100%; }