body{
  margin:0;
  font-family:Arial, sans-serif;
  background:#f2f4f8;
}

header{
  background: linear-gradient(135deg, #0f4c75, #1b6ca8);
  color:#ffffff;
  padding:25px 15px;
  text-align:center;
}

.container{
  padding:20px;
}

.program-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
}

.card{
  background:#fff;
  border-radius:14px;
  padding:22px;
  text-align:center;
  text-decoration:none;
  color:#000;
  box-shadow:0 6px 15px rgba(0,0,0,0.1);
  transition:0.3s;
}

.card:hover{
  transform:translateY(-5px);
}

.card h2{
  margin:0;
  color:#1e40af;
}

.card p{
  margin:6px 0 0;
  font-size:14px;
  color:#555;
}

@media(min-width:768px){
  .program-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
.subject-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:15px;
  margin-top:20px;
}

.subject-card{
  background:#ffffff;
  border-radius:12px;
  padding:16px;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
}

.subject-card h4{
  margin:0;
  color:#1e40af;
  font-size:16px;
}

.subject-card p{
  margin:6px 0 10px;
  font-size:13px;
  color:#555;
}

.subject-card a{
  display:inline-block;
  padding:6px 10px;
  background:#1e40af;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  font-size:13px;
}

@media(min-width:768px){
  .subject-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
.unlock-btn{
  display:inline-block;
  padding:7px 12px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
}
.year-title{
  margin-top:30px;
  margin-bottom:10px;
  font-size:20px;
  color:#111;
  border-left:5px solid #1e40af;
  padding-left:10px;
}
footer{
  background:#0f4c75;
  color:#ffffff;
  padding:25px 15px;
  margin-top:40px;
}

.footer-container{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.footer-box h4{
  margin-bottom:10px;
  font-size:16px;
  border-bottom:2px solid #ffffff33;
  padding-bottom:5px;
}

.footer-box p,
.footer-box a{
  font-size:14px;
  color:#e5e7eb;
  text-decoration:none;
  display:block;
  margin-bottom:6px;
}

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

.footer-bottom{
  text-align:center;
  margin-top:20px;
  font-size:13px;
  color:#cbd5e1;
  border-top:1px solid #ffffff33;
  padding-top:10px;
}
/* ===== FOOTER FINAL FIX ===== */

.site-footer{
  background:#0b4a6f;
  color:#ffffff;
  padding:40px 15px 20px;
  margin-top:40px;
}

.footer-wrap{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:30px;
}

.footer-col h3{
  color:#ffffff;
  font-size:18px;
  margin-bottom:12px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,0.3);
}

.footer-col p{
  color:#e5e7eb;
  font-size:14px;
  line-height:1.6;
}

/* IMPORTANT PART — vertical + white links */
.footer-col a{
  display:block;              /* ← straight line fix */
  color:#ffffff !important;   /* ← text white force */
  font-size:14px;
  text-decoration:none;
  margin-bottom:8px;
}

.footer-col a:hover{
  text-decoration:underline;
}

.footer-bottom{
  margin-top:25px;
  padding-top:12px;
  text-align:center;
  font-size:13px;
  color:#e5e7eb;
  border-top:1px solid rgba(255,255,255,0.3);
}
/* ===== Sticky WhatsApp Button ===== */
.whatsapp-float {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.whatsapp-float:hover {
  background-color: #1ebe5d;
}