*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:'Poppins',sans-serif;
background:radial-gradient(circle at top,#0f2027,#1a2a3a,#000);
color:#fff;
overflow-x:hidden;
}

/* Loader */
#loader{
position:fixed;
width:100%;
height:100vh;
background:#000;
display:flex;
justify-content:center;
align-items:center;
z-index:9999;
animation:fadeOut 1s ease 3s forwards;
}
.loader-content{text-align:center;animation:zoomIn 1.5s ease;}
.loader-content h1{font-size:60px;color:#ffcc00;letter-spacing:5px;text-shadow:0 0 20px #ffcc00;}
.loader-content p{color:#fff;margin-top:10px;}
@keyframes zoomIn{from{transform:scale(.5);opacity:0;}to{transform:scale(1);opacity:1;}}
@keyframes fadeOut{to{opacity:0;visibility:hidden;}}

/* Particles */
#particles-js{position:fixed;width:100%;height:100%;z-index:-1;}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:rgba(0,0,0,.7);position:fixed;width:100%;z-index:1000;}
.logo{font-family:'Oswald';font-size:30px;color:#ffcc00;text-shadow:0 0 15px #ffcc00;}
nav ul{list-style:none;display:flex;}
nav ul li{margin-left:30px;}
nav ul li a{text-decoration:none;color:#fff;transition:.3s;}
nav ul li a:hover{color:#ffcc00;}
.btn-nav{background:#ffcc00;padding:10px 20px;border-radius:25px;color:#000;font-weight:600;}

/* Hero */
.hero{height:100vh;background:url('../images/nda-bg.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;}
.hero:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6);}
.hero-content{position:relative;z-index:1;}
.hero-content h1{font-size:65px;color:#ffcc00;animation:slideUp 1.5s ease;}
.hero-content p{margin:20px 0;}
@keyframes slideUp{from{transform:translateY(100px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.btn-primary{background:#ffcc00;padding:15px 30px;border-radius:30px;color:#000;font-weight:600;box-shadow:0 0 20px #ffcc00;text-decoration:none;}

/* Sections */
.school-banner{text-align:center;padding:60px;background:#ffcc00;color:#000;}
.counter-section{display:flex;justify-content:space-around;padding:80px;}
.courses{text-align:center;padding:80px;}
.course-box{background:rgba(255,255,255,.1);margin:15px auto;padding:20px;width:60%;border-radius:10px;}
.gallery{text-align:center;padding:80px;}
.gallery-grid{display:flex;justify-content:center;gap:20px;}
.gallery-grid img{width:300px;border-radius:10px;}
.branches{text-align:center;padding:60px;background:rgba(0,0,0,.6);}
.enquiry{text-align:center;padding:80px;}
.enquiry form{display:flex;flex-direction:column;width:300px;margin:auto;}
.enquiry input,.enquiry select{margin:10px 0;padding:10px;border-radius:5px;border:none;}
.enquiry button{padding:10px;background:#ffcc00;border:none;font-weight:bold;}
footer{text-align:center;padding:20px;background:#000;}

/* WhatsApp */
.whatsapp-float{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50%;font-size:24px;text-decoration:none;}

#whatsapp-popup{position:fixed;bottom:100px;right:20px;background:#fff;color:#000;padding:15px;border-radius:10px;display:none;}
#whatsapp-popup a{background:#25D366;color:#fff;padding:8px 15px;text-decoration:none;border-radius:5px;display:inline-block;margin-top:5px;}
