body{
margin:0;
font-family:Segoe UI,Arial;
background:#eef2f7;
text-align:center;
}

.logo{width:90px;margin-bottom:15px;}

.hero{
background:linear-gradient(to right,#002fff,#00c6ff);
color:white;
padding:80px 20px;
}

.tagline{font-size:20px;font-weight:bold;}
.subtag{font-size:16px;opacity:0.9;}

nav{background:#000;padding:15px;}
nav a{color:white;margin:0 15px;text-decoration:none;font-weight:bold;}

.btn{
background:#ffcc00;
padding:12px 25px;
text-decoration:none;
color:black;
border-radius:6px;
font-weight:bold;
display:inline-block;
margin-top:15px;
}

.secondary{background:white;color:#002fff;margin-left:10px;}

.card{
background:white;
margin:30px auto;
padding:30px;
max-width:800px;
border-radius:12px;
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}
.card h2{
color :#002fff;
}

.team{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
}

.member{
background:white;
padding:20px;
max-width:300px;
border-radius:12px;
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

.member img{width:100%;border-radius:10px;}
/* ===== Sticky Navbar ===== */
.navbar{
  position: sticky;
  top: 0;
  z-index: 999;
  background: #000;
  padding: 15px;
  text-align: center;
}

.navbar a{
  color: #fff;
  margin: 0 15px;
  text-decoration: none;
  font-weight: bold;
}

.navbar a:hover{
  color: #ffcc00;
}
/* ===== Hero Background with Transparent Logo ===== */
.hero-bg{
  background:
    linear-gradient(to right, rgba(0,47,255,0.95), rgba(0,198,255,0.95)),
    url("images/logo.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 220px;
}
.page-header{
  background: #f2f5f9;
  padding: 40px 20px;
  text-align: center;
}

.page-header h1{
  margin: 0;
  color: #000;
}

/* ===== Common Page Header (All Inner Pages) ===== */
.section-header{
  background: linear-gradient(135deg, #0b5cff, #00b3ff);
  padding:60px 20px;
  text-align:center;
  color:#fff;
}

.section-header h1{
  margin:0;
  font-size:34px;
  font-weight:700;
}
/* ===== Admission Form – 3 x 2 Grid ===== */

.admission-form{
  max-width:900px;
  margin:40px auto;
}

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

.form-grid input{
  padding:14px 15px;
  font-size:15px;
  border-radius:8px;
  border:1px solid #ccc;
}

.form-submit{
  text-align:center;
  margin-top:30px;
}
@media (max-width: 600px){
  .form-grid{
    grid-template-columns: 1fr;
  }
}