/* ===== Body & Typography ===== */
body{margin:0;padding:0;font-family:"Comic Sans MS",sans-serif;color:#000;background:linear-gradient(135deg,#fff,#fff);}
h1,h2,h3,h4{margin:10px 0;}
.container{max-width:1200px;margin:auto;padding:2px;}

/* NAVBAR */
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(90deg,#42a5f5,#3a75ff,#42a5f5);position:static;top:auto;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.navbar h3{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:0.6px;color:#f8dcb1;}
.navbar img.logo{height:85px;width:95px;margin-right:18px;border-radius:50%;border:0;}
.navbar-left{display:flex;align-items:center;}
.academy-title{font-size:40px;color:#c7e9fd;font-weight:900;letter-spacing:1.5px;margin:0;text-transform:uppercase;text-shadow:3px 3px 8px rgba(0,0,0,0.6);}
.academy-info{font-size:17px;color:#e3f2fd;margin:4px 0;line-height:1.5;font-weight:300;}
.navbar-right button{margin-left:10px;background:#abd9ff;color:#a1460d;border:none;padding:5px 10px;font-weight:600;border-radius:25px;cursor:pointer;transition:.3s;}
.navbar-right button:hover{background:#ffce00;color:#000;transform:scale(1.05);}

/* HERO */
.hero{text-align:center;padding:10px 3px;color:white;border-radius:7px;margin:8px;box-shadow:0px 6px 15px #fff;}
.hero h2{font-size:30px;line-height:1.5;font-weight:700;letter-spacing:1px;}

/* SECTIONS */
.section{background:#b8e5ff;padding:30px;margin:20px 0;border-radius:12px;box-shadow:0 4px 15px rgb(18,110,214);transition:.3s;}
.section:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.12);}
.section h3{color:#0d47a1;margin-bottom:15px;font-weight:700;}
.section ul{list-style:none;padding:0;}
.section ul li{padding:8px 0;font-size:17px;font-weight:500;}

/* FOOTER */
.footer{background:linear-gradient(90deg,#0d47a1,#1976d2);color:#e2e2e2;text-align:center;padding:15px;margin-top:20px;font-size:15px;font-weight:500;letter-spacing:0.5px;}

/* FORMS */
#tuitionForm{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:1000;width:90%;max-width:400px;text-align:center;}
#tuitionForm h3{margin-bottom:20px;color:#0d47a1;text-align:center;}
#tuitionForm input{width:100%;margin:10px 0;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px;}
#tuitionForm button{width:100%;padding:12px;margin-top:10px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;}
.submitBtn{background:#0d47a1;color:#fff;}
.submitBtn:hover{background:#1976d2;}
.cancelBtn{background:#ccc;color:#000;}
.cancelBtn:hover{background:#999;}

/* STATS & ACHIEVEMENTS */
.stats-container{display:flex;justify-content:space-around;margin:20px 0;}
.stat{text-align:center;}
.stat h2{font-size:32px;color:#0d47a1;margin:5px 0;}
.stat p{font-size:16px;font-weight:500;}
.achievements{display:flex;justify-content:space-around;margin:20px 0;gap:30px;}
.achievement{background:#b8e5ff;padding:30px;border-radius:12px;text-align:center;width:30%;font-weight:10;border-left:2px solid black;border-right:2px solid black;}

/* RESPONSIVE */
@media(max-width:768px){
  .navbar{flex-direction:column;text-align:center;}
  .academy-title{font-size:28px;}
  .academy-info{font-size:14px;}
  .hero h2{font-size:24px;}
  .stats-container{flex-direction:column;}
  .achievements{flex-direction:column;}
  .achievement{width:80%;margin:10px auto;}
}

/* General form styling */
.container {
  max-width: 700px;
  margin: 20px auto;
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Inputs full width */
form label {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
form input, form select, form button {
  width: 100%;
  padding: 10px;
  margin-top: 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
}

/* Button style */
form button {
  background: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 18px;
}
form button:hover {
  background: #0056b3;
}

/* ===== MOBILE OPTIMIZATION ===== */
@media (max-width: 600px) {
  .navbar {
    flex-direction: column;
    text-align: center;
  }
  .navbar-left {
    flex-direction: column;
    align-items: center;
  }
  .navbar-right {
    margin-top: 10px;
  }
  .academy-title {
    font-size: 18px;
  }
  .academy-info {
    font-size: 14px;
  }
  .container {
    margin: 10px;
    padding: 15px;
  }
  form input, form select, form button {
    font-size: 15px;
    padding: 12px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
}

/* Floating WhatsApp */
.whatsapp-float{
  position:fixed;
  bottom:20px;
  right:20px;
  width:60px;
  height:60px;
  background:#027638;
  color:#000000;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  text-decoration:none;
  box-shadow:0 8px 20px rgb(22, 113, 28);
  z-index:999;
  animation:pulse 2s infinite;
}
@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.08)}
  100%{transform:scale(1)}
}

/* HERO PREMIUM */
.hero-premium{
  text-align:center;
  padding:70px 20px;
  background:linear-gradient(135deg,#e3f2fd,#ffffff);
  animation:fadeUp 1.2s ease;
}
.hero-premium h2{
  font-size:36px;
  color:#0d47a1;
  font-weight:900;
}
.hero-premium p{
  font-size:18px;
  margin:15px 0;
}
.hero-btn{
  display:inline-block;
  margin-top:20px;
  background:#ffca28;
  padding:14px 30px;
  border-radius:30px;
  font-weight:800;
  color:#000;
  text-decoration:none;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
  transition:.3s;
}
.hero-btn:hover{
  transform:translateY(-3px);
  background:#ffb300;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}

.reveal{
  opacity:0;
  transform:translateY(40px);
  transition:1s ease;
}
.reveal.active{
  opacity:1;
  transform:translateY(0);
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:15px;
  margin-top:20px;
}
.gallery-grid img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:15px;
  box-shadow:0 6px 15px rgba(0,0,0,.2);
  transition:.4s;
}
.gallery-grid img:hover{
  transform:scale(1.05);
}


/* ===== ADVANCED SCROLL ANIMATIONS ===== */
.reveal{
  opacity:0;
  transform:translateY(60px) scale(0.96);
  transition:all 0.9s cubic-bezier(.21,.61,.35,1);
}
.reveal.active{
  opacity:1;
  transform:translateY(0) scale(1);
}
.reveal-left{
  transform:translateX(-60px);
}
.reveal-right{
  transform:translateX(60px);
}
.reveal-left.active,
.reveal-right.active{
  transform:translateX(0);
}


.section,
.stat,
.achievement{
  transition:transform .4s ease, box-shadow .4s ease;
}
.section:hover,
.stat:hover,
.achievement:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgba(0,0,0,.15);
}


button,
.demo-btn,
.hero-btn{
  position:relative;
  overflow:hidden;
}
button::after,
.demo-btn::after,
.hero-btn::after{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.35);
  transition:.4s;
}
button:hover::after,
.demo-btn:hover::after,
.hero-btn:hover::after{
  left:100%;
}


.gallery-grid img{
  opacity:0;
  transform:scale(0.9);
  transition:all .6s ease;
}
.gallery-grid img.reveal.active{
  opacity:1;
  transform:scale(1);
}