/* Forgot Password Page */

/* Global Styles */ body { font-family: 'Poppins', sans-serif; margin: 0; padding: 0; background-color: #f3f7fa; color: #333; }

.container { width: 90%; max-width: 1200px; margin: 0 auto; }

/* Navigation Bar */ .navbar { background-color: #1976D2; color: white; padding: 15px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; width: 100%; }

.navbar .container { display: flex; align-items: center; justify-content: space-between; }

.navbar .logo img { height: 50px; vertical-align: middle; }

.navbar .nav-links { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }

.navbar .nav-links li { display: inline-block; }

.navbar .nav-links a { color: white; text-decoration: none; font-size: 16px; font-weight: bold; padding: 10px 15px; border-radius: 5px; transition: all 0.3s ease-in-out; }

.navbar .nav-links a:hover { background-color: #FFC107; color: #1976D2; transform: translateY(-3px); }

/* Forgot Password Container */ .forgot-password-container { display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; background-color: #f3f7fa; }

.forgot-password-card { background-color: white; padding: 40px; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); width: 100%; max-width: 480px; text-align: center; animation: fadeIn 1s ease-in-out; }

.forgot-password-card h3 { margin-bottom: 10px; font-size: 2.5rem; font-weight: bold; color: #1976D2; }

.forgot-password-card p { margin-bottom: 25px; font-size: 1rem; color: #555; font-weight: 500; }

.forgot-password-card .form-group { margin-bottom: 25px; text-align: left; }

.forgot-password-card label { font-weight: bold; font-size: 0.95rem; color: #444; display: block; margin-bottom: 6px; }

.forgot-password-card .input-group { display: flex; align-items: center; }

.forgot-password-card .input-group-addon { background-color: #1976D2; color: white; padding: 12px; border-radius: 5px 0 0 5px; display: flex; justify-content: center; align-items: center; }

.forgot-password-card input { width: 100%; padding: 12px; font-size: 1rem; border: 1px solid #ddd; border-radius: 0 5px 5px 0; outline: none; transition: border-color 0.3s; }

.forgot-password-card input:focus { border-color: #1976D2; box-shadow: 0 0 5px rgba(25, 118, 210, 0.5); }

.btn-reset { width: 100%; padding: 15px; font-size: 1.2rem; color: white; background-color: #2196F3; border: none; border-radius: 5px; font-weight: bold; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; }

.btn-reset:hover { background-color: #1976D2; transform: translateY(-3px); box-shadow: 0 8px 15px rgba(25, 118, 210, 0.3); }

.forgot-password-footer { margin-top: 25px; font-size: 0.9rem; color: #555; }

.forgot-password-footer a { color: #2196F3; text-decoration: none; font-weight: bold; transition: color 0.3s; }

.forgot-password-footer a:hover { color: #1976D2; }

/* Footer */ footer { background-color: #1976D2; color: white; padding: 40px 20px; margin-top: 30px; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1); font-family: 'Poppins', sans-serif; }

.footer-container { display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap; padding: 0 20px; }

.footer-left, .footer-center, .footer-right { flex: 1; min-width: 200px; }

footer h4 { font-size: 1.5rem; margin-bottom: 15px; color: #FFC107; }

footer ul { list-style: none; padding: 0; margin: 0; }

footer ul li { margin-bottom: 10px; display: flex; align-items: center; font-size: 1rem; }

footer ul li i { margin-right: 10px; color: #FFC107; font-size: 1.2rem; }

footer ul li a { text-decoration: none; color: white; transition: color 0.3s; }

footer ul li a:hover { color: #FFC107; }

.footer-bottom { margin-top: 20px; text-align: center; font-size: 0.9rem; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; }

/* Responsive Design */ @media (max-width: 768px) { .forgot-password-card { padding: 20px; border-radius: 8px; }
.forgot-password-card h3 {
    font-size: 2rem;
}

.forgot-password-card p {
    font-size: 0.9rem;
}

.btn-reset {
    font-size: 1rem;
    padding: 12px;
}