*{
 margin:0;
 padding:0;
 box-sizing:border-box;
 font-family:Arial, Helvetica, sans-serif;
}

/* page layout */
.page-wrapper{
 min-height:100vh;
 display:flex;
 justify-content:center;
 align-items:center;
 background:linear-gradient(135deg,#667eea,#764ba2);
 padding:40px 15px;
}

/* card */
.forgot-box{
 background:#fff;
 padding:40px;
 border-radius:12px;
 width:340px;
 text-align:center;
 box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

.info{
 margin-bottom:20px;
 color:#666;
 font-size:14px;
}

.forgot-box input{
 width:100%;
 padding:12px;
 margin-bottom:15px;
 border-radius:8px;
 border:1px solid #ddd;
}

.forgot-box button{
 width:100%;
 padding:12px;
 border:none;
 border-radius:8px;
 background:linear-gradient(135deg,#667eea,#764ba2);
 color:#fff;
 font-size:16px;
 cursor:pointer;
}

.back{
 margin-top:15px;
 font-size:14px;
}

.back a{
 text-decoration:none;
 color:#667eea;
 font-weight:bold;
}

/* ===== Footer ===== */
.footer-section{
 background:#c30404;
 color:#fff;
 padding:40px 20px;
}

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

.footer-box{
 flex:1 1 200px;
 min-width:200px;
}

.footer-box h3{
 color:#ffcc00;
 margin-bottom:12px;
}

.footer-box a{
 color:#fff;
 text-decoration:none;
 display:block;
 margin-bottom:6px;
}

.footer-box a:hover{
 color:#ffcc00;
}

.footer-section .copyright{
 text-align:center;
 margin-top:25px;
 font-size:12px;
 color:#ccc;
}

/* responsive */
@media (max-width:768px){
 .footer-container{
  flex-direction:column;
  text-align:center;
 }
}