/* Area halaman lupa password */
.forgot-password-section {
    min-height: 60vh;
    padding: 40px 0;
}

/* Kartu lupa password */
.forgot-password-card {
    width: 100%;
    max-width: 420px;
    border-radius: 12px;
}

/* Judul halaman */
.forgot-password-card h1 {
    color: var(--public-text);
    font-size: 24px;
}

/* Deskripsi halaman */
.forgot-password-card p {
    line-height: 1.6;
}

/* Label formulir */
.forgot-password-card .form-label {
    font-size: 14px;
}

/* Input formulir */
.forgot-password-card .form-control {
    padding: 12px;
    font-size: 14px;
}

/* Fokus input */
.forgot-password-card .form-control:focus {
    border-color: var(--public-primary);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

/* Tombol kirim */
.forgot-password-card .btn-primary {
    background-color: var(--public-primary);
    border-color: var(--public-primary);
    font-size: 15px;
}

/* Hover dan fokus tombol */
.forgot-password-card .btn-primary:hover,
.forgot-password-card .btn-primary:focus-visible {
    background-color: #115e59;
    border-color: #115e59;
}

/* Tautan kembali */
.forgot-password-card a {
    color: var(--public-primary);
}

/* Hover tautan */
.forgot-password-card a:hover {
    color: #115e59;
}

/* Tampilan mobile */
@media (max-width: 575.98px) {

    /* Area halaman mobile */
    .forgot-password-section {
        min-height: auto;
        padding: 15px 0;
    }

    /* Lebar kartu mobile */
    .forgot-password-card {
        max-width: 100%;
    }
}