/* forgot password Page Styles */
 body {
     background: #f2f4f7;
     font-family: "Poppins", sans-serif;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
 }

 .forgot-card {
     width: 100%;
     max-width: 900px;
     background: white;
     border-radius: 16px;
     box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
     overflow: hidden;
     display: flex;
 }

 .left-section {
     flex: 1;
     padding: 50px 40px;
 }

 .title {
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 10px;
     text-align: center;
 }

 .subtitle {
     text-align: center;
     font-size: 14px;
     color: #777;
     margin-bottom: 25px;
 }

 .form-control {
     border-radius: 8px;
     height: 44px;
     margin-bottom: 14px;
 }

 .send-btn {
     width: 100%;
     height: 45px;
     border-radius: 8px;
     background: black;
     color: white;
     border: none;
     font-size: 16px;
 }

 .send-btn:hover {
     background: #333;
 }

 .back-link {
     margin-top: 15px;
     text-align: center;
     font-size: 14px;
 }

 .right-section {
     flex: 1;
     background: #ddd;
     overflow: hidden;
 }

 .right-section img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 @media (max-width: 992px) {
     .forgot-card {
         flex-direction: column;
         max-width: 500px;
     }

     .right-section {
         height: 250px;
     }
 }