/* Modern reset password page styling */

body {
    background: linear-gradient(135deg, #1e90ff 0%, #4facfe 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    font-family: "Open Sans", sans-serif;
}

.brand-side h2 {
    color: #ffffff;
    font-weight: 700;
}

.brand-side p {
    color: #f0f8ff;
    max-width: 450px;
}

.card-reset {
    padding: 2rem;
    border: none;
    border-radius: 1rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.btn-brand {
    background: #1e90ff;
    color: #ffffff;
    font-weight: 600;
    border: none;
}

.btn-brand:hover {
    background: #0d6efd;
    color: #ffffff;
}

@media (max-width: 767.98px) {
    body {
        align-items: flex-start;
    }

    .brand-side {
        display: none !important;
    }

    .card-reset {
        margin-top: 3rem;
    }
}