.login-body {
    padding: 16px;
}

.login-card {
    width: min(100%, 440px);
    padding: clamp(18px, 3.5vw, 28px);
}

.login-card .brand-mark img {
    width: 42px;
    height: 42px;
}

.login-card h1 {
    font-size: 1.45rem;
}

.login-intro {
    margin-bottom: 18px;
}

.login-intro p {
    font-size: .95rem;
}

.login-form {
    display: grid;
    gap: 12px;
}

.login-form .form-label {
    margin-bottom: 4px;
    font-size: .88rem;
    font-weight: 700;
}

.login-form .form-control {
    min-height: 42px;
    padding: 8px 10px;
    font-size: 1rem;
}

.login-actions {
    display: grid;
    grid-template-columns: .95fr 1.65fr 1fr;
    gap: 8px;
    align-items: stretch;
}

.login-actions .btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    white-space: nowrap;
    line-height: 1.15;
    font-size: .92rem;
    font-weight: 700;
}

.login-legal-links {
    margin-top: 14px;
}

@media (max-width: 420px) {
    .login-actions {
        grid-template-columns: 1fr;
    }

    .login-actions .btn {
        white-space: normal;
    }
}