/* forgot-password.component.scss */
.forgot-password-container {
    display: flex;
    min-height: 85vh;
    background-color: #f5f5f5;

    .forgot-password-card {
        flex: 1;
        max-width: 500px;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

        .subtitle {
            text-align: center;
            color: #666;
            font-size: 1.5rem;
            margin-bottom: 2rem;
        }

        .forgot-password-form {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;

            mat-form-field {
                width: 100%;
            }

            .login {
                text-align: right;
                margin-top: -1rem;

                .login-link {
                    color: #666;
                    text-decoration: none;
                    font-size: 0.875rem;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }

            .mdc-icon-button {
                margin-right: 8px;
            }

            // button {
            //     margin-top: 1rem;
            //     padding: 0.5rem;
            //     font-size: 1rem;
            // }
        }
    }

    .info-section {
        flex: 1;
        padding: 4rem;
        background-color: #597b7c;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;

        h3 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
        }

        p {
            line-height: 1.6;
            font-size: 1rem;
        }
    }
}

@media (max-width: 768px) {
    .forgot-password-container {
        flex-direction: column;

        .forgot-password-card {
            max-width: 100%;
            padding: 1.5rem;
        }

        .info-section {
            padding: 2rem;
            display: none;
        }
    }
}