/* ===== GLOBAL ===== */

body{
margin:0;
font-family:'Poppins',sans-serif;
background:#E8F5E9;
color:BLACK;
transition:0.3s;
}

/* ===== WATERMARK LOGO ===== */

.main-container::before{
content:"";
position:absolute;

top:50%;
left:50%;
transform:translate(-50%,-50%);

width:300px;
height:300px;

background-image:url('images/logo.png');
background-repeat:no-repeat;
background-position:center;
background-size:contain;

opacity:0.1;
z-index:0;
}

.main-container{
position:relative;
}

/* ===== HERO SECTION ===== */

.hero{
margin-top:0;
padding:120px 20px;
text-align:center;
color:white;
background:linear-gradient(120deg,#156066 0%,#187A6F 45%,#2BBF7A 95%);
}

/* Hero animations */

.hero h2{
font-family:'Cinzel',serif;
font-size:2.5rem;
margin-bottom:20px;
opacity:0;
animation:titleDrop 1.2s ease forwards;
}

@keyframes titleDrop{
from{opacity:0; transform:translateY(-60px);}
to{opacity:1; transform:translateY(0);}
}

.hero p:last-of-type{
font-size:1.1rem;
line-height:1.6;
margin-bottom:30px;
opacity:0;
animation:paragraphRise 1.2s ease forwards;
animation-delay:0.4s;
}

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

.hero .tagline{
font-family:'Cinzel',serif;
font-size:1.8rem;
margin:20px 0 40px 0;
display:flex;
justify-content:center;
align-items:center;
gap:15px;
opacity:0;
animation:taglineFade 1.5s ease forwards;
animation-delay:0.2s;
}

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

.lotus-icon{
width:60px;
height:60px;
}

/* ===== BUTTONS ===== */

.main-btn{
font-family:'Poppins',sans-serif;
background:#156066;
color:white;
border:none;
padding:12px 30px;
border-radius:8px;
font-size:16px;
cursor:pointer;
animation:buttonRise 1s ease forwards;
transition:all 0.3s ease;
}

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

.main-btn:hover{
background:#0F8F78;
transform:translateY(-2px);
box-shadow:0 6px 12px rgba(0,0,0,0.15);
}

/* ===== SECTIONS ===== */

.live-courses-section,
.study-resources-section,
.courses-section,
.counselling-section,
.webinar-section{
background:#E8F5E9;
padding:60px 20px;
display:flex;
justify-content:center;
}

/* ===== CARDS ===== */

.live-card-full,
.study-card-full,
.counselling-card-full,
.courses-card-full,
.webinar-card-full{
background:white;
border-radius:12px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
padding:40px;
max-width:1000px;
width:100%;
transition:all 0.3s ease;
}

.live-card-full:hover,
.study-card-full:hover,
.counselling-card-full:hover,
.courses-card-full:hover,
.webinar-card-full:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* ===== CARD ANIMATIONS ===== */

.counselling-card-full{
opacity:0;
animation:counsellingSlide 1s ease forwards;
}

.webinar-card-full{
opacity:0;
animation:webinarSlide 1s ease forwards;
animation-delay:0.5s;
}

.live-card-full{
opacity:0;
animation:webinarSlide 1s ease forwards;
animation-delay:1s;
}

.courses-card-full{
opacity:0;
animation:counsellingSlide 1s ease forwards;
animation-delay:1.5s;
}

.study-card-full{
opacity:0;
animation:counsellingSlide 1s ease forwards;
animation-delay:2s;
}

@keyframes counsellingSlide{
from{opacity:0; transform:translateX(-120px);}
to{opacity:1; transform:translateX(0);}
}

@keyframes webinarSlide{
from{opacity:0; transform:translateX(120px);}
to{opacity:1; transform:translateX(0);}
}

/* ===== HAMBURGER MENU ===== */

#menuToggle{
position:fixed;
top:20px;
left:20px;
width:30px;
height:22px;
cursor:pointer;
display:flex;
flex-direction:column;
justify-content:space-between;
z-index:1000;
}

#menuToggle span{
height:4px;
background:white;
border-radius:2px;
transition:0.3s;
}

#menuToggle.open span:nth-child(1){
transform:rotate(45deg);
position:relative;
top:9px;
}

#menuToggle.open span:nth-child(2){
opacity:0;
}

#menuToggle.open span:nth-child(3){
transform:rotate(-45deg);
position:relative;
top:-9px;
}

/* ===== MENU ===== */

#topMenu{
position:fixed;
top:60px;
left:50%;
transform:translateX(-50%);
width:95%;
background:#E8F5E9;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
justify-items:center;
gap:20px;

max-height:0;
overflow:hidden;
box-sizing:border-box;
padding:0 20px;

transition:max-height 0.4s ease;

z-index:2000;
}

#topMenu.active{
max-height:200px;
padding:20px;
}

#topMenu a{
font-family:'Cinzel',serif;
font-size:14px;
color:black;
text-decoration:none;
padding:8px 0;
text-align:center;
}

.site-footer{
background:#156066;
color:white;
padding:60px 20px 30px;
}

/* Center container */

.footer-container{
max-width:1000px;
margin:auto;
text-align:center;
}

/* Heading */

.footer-brand h2{
font-family:'Cinzel',serif;
font-size:32px;
margin-bottom:40px;
}

/* Grid layout */

.footer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:60px;
justify-items:center;
text-align:left;
}

/* Column heading */

.footer-col h3{
margin-bottom:15px;
}

/* Links */

.footer-col a{
display:block;
color:white;
text-decoration:none;
margin:6px 0;
}

/* Copyright */

.copyright{
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.3);
text-align:center;
font-size:13px;
}