/* Login Page Styles */
.login-form {
    max-width: 480px;
    margin: 0 auto;
}

.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--spacing-4);
}

.forgot-password {
    color: var(--color-primary-600);
    font-size: var(--font-size-sm);
    text-decoration: underline;
}

.forgot-password:hover {
    color: var(--color-primary-800);
}

.form-footer {
    margin-top: var(--spacing-6);
    text-align: center;
    color: var(--color-neutral-600);
}

.form-footer a {
    color: var(--color-primary-600);
    font-weight: var(--font-weight-medium);
}

.form-footer a:hover {
    color: var(--color-primary-800);
}

/* Responsive styles */
@media (max-width: 576px) {
    .form-options {
        flex-direction: column;
        gap: var(--spacing-3);
        align-items: flex-start;
    }

    .form-footer {
        margin-top: var(--spacing-4);
    }
}