/* HERO */
.hero{
background: linear-gradient(135deg,#06bbcc,#0d6efd);
color:#fff;
text-align:center;
padding:130px 15px 70px;
border-bottom-left-radius:50px;
border-bottom-right-radius:50px;
font-family:'Poppins',sans-serif;
}

.hero h1{
font-size:3rem;
font-weight:700;
margin-bottom:20px;
}

.hero p{
font-size:1.3rem;
margin-bottom:30px;
}

.btn-hero{
padding:15px 40px;
background: linear-gradient(135deg,#ffcd00,#ff9f0d);
color:#0d6efd;
font-weight:700;
border-radius:50px;
text-decoration:none;
box-shadow:0 6px 20px rgba(0,0,0,0.2);
transition:0.3s;
}

.btn-hero:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,0.3);
}


/* TABLET */
@media (max-width:768px){
.hero{
padding:110px 15px 60px;
}
.hero h1{
font-size:2.4rem;
}
.hero p{
font-size:1.15rem;
}
}


/* MOBILE */
@media (max-width:576px){
.hero{
padding:90px 15px 50px;
}

.hero h1{
font-size:2rem;
}

.hero p{
font-size:1rem;
}

.btn-hero{
padding:12px 30px;
font-size:0.9rem;
}
}

/* SECTION TITLES */
.section-title { text-align:center; font-size:2.2rem; font-weight:700; color:#0d3d6e; margin-bottom:45px; font-family:'Poppins',sans-serif; }
.section-title::after { content:""; width:90px; height:4px; display:block; margin:12px auto 0; border-radius:2px; background: linear-gradient(90deg,#06bbcc,#0d6efd); }

/* CLASS CARDS */
.class-card { border-radius:25px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,0.12); transition:0.3s; position:relative; }
.class-card img { width:100%; height:230px; object-fit:cover; transition:transform 0.4s; }
.class-card:hover img { transform:scale(1.1); }
.class-overlay { position:absolute; bottom:0; width:100%; padding:25px; text-align:center; color:#fff; background: linear-gradient(to top, rgba(6,187,204,0.85), transparent); transition: background 0.3s; }
.class-card:hover .class-overlay { background: linear-gradient(to top, rgba(13,110,253,0.85), transparent); }
.class-overlay h3 { margin:0; font-size:1.4rem; font-weight:700; }
.class-overlay p { margin:5px 0 0; font-size:13px; }

/* ENTRY TEST */
.entry-section { background: linear-gradient(135deg, #ffe6f0, #ffd9b3, #c6f7ff); padding:50px 20px; border-radius:30px; margin-bottom:50px; overflow:hidden; color:#333; }
.entry-card { border-radius:25px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,0.1); padding:25px 20px; text-align:center; position:relative; transition: transform 0.3s, box-shadow 0.3s; }
.entry-card::before { content:""; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(60deg, rgba(255,255,255,0.2), rgba(255,255,255,0)); opacity:0; transition:opacity 0.3s, transform 0.5s; border-radius:25px; }
.entry-card:hover::before { opacity:1; transform:rotate(20deg) translateX(10%); }
.entry-card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.15); }
.entry-icon { font-size:2.5rem; margin-bottom:15px; background:linear-gradient(135deg,#06bbcc,#0d6efd); color:#fff; width:65px; height:65px; display:flex; align-items:center; justify-content:center; border-radius:50%; margin:auto; transition: background 0.3s, box-shadow 0.3s; box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.entry-card:hover .entry-icon { background: linear-gradient(135deg,#0d6efd,#06bbcc); box-shadow:0 6px 18px rgba(0,0,0,0.15); }
.entry-card h3 { font-family:'Poppins',sans-serif; font-weight:700; margin:15px 0 10px; color:#0d3d6e; }
.entry-card p { color:#555; font-size:0.95rem; margin-bottom:20px; }
.btn-gradient { display:inline-block; padding:10px 28px; border-radius:50px; background:linear-gradient(135deg,#06bbcc,#0d6efd); color:#fff; font-weight:700; text-decoration:none; transition: transform 0.3s, box-shadow 0.3s, background-position 0.5s; background-size:200% 200%; }
.entry-card:hover .btn-gradient { transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,0,0,0.15); background-position:right center; }