.container-form  {
    max-width: 360px;
}

.form-header .title {
    color: var(--text-color-900);
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.form-header .subtitle {
    color: var(--text-color-600);
    margin-bottom: 2rem;
}

.login-form .form-check {
    display: flex;
    align-items: anchor-center;
    
    & label {
        margin: 0;
        font-size: var(--font-size-md);
        color: var(--text-color-600);
    }
}

.login-form .reset-password {
    color: var(--primary-color);
    font-size: var(--font-size-md);
    font-weight: 600;
}

.form-footer {
    font-size: var(--font-size-md);

    & p {
        color: var(--text-color-600);
    }

    & a {
        color: var(--primary-color);
        font-weight: 600;
    }
}

@media (max-width: 480px) {
    .container-form  {
        padding: 6rem 1rem 0 1rem;  
    }
}