/*============================

GOOGLE FONT

============================*/

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:'Inter',sans-serif;
background:#08111d;
overflow-x:hidden;

}

.hero{

position:relative;
min-height:100vh;
display:flex;
align-items:center;
overflow:hidden;
padding:100px 8%;

}

.container{

max-width:1400px;
margin:auto;
width:100%;

}

.hero-wrapper{

display:grid;
grid-template-columns:1.1fr .9fr;
align-items:center;
gap:70px;

}

.hero-grid{

position:absolute;
width:100%;
height:100%;
background-image:
linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);

background-size:60px 60px;

opacity:.4;

}

.hero-glow{

position:absolute;
border-radius:50%;
filter:blur(120px);

}

.hero-glow1{

width:500px;
height:500px;
background:#2563eb;
left:-150px;
top:-120px;

}

.hero-glow2{

width:450px;
height:450px;
background:#00bfff;
right:-100px;
bottom:-120px;

}

.hero-left{

position:relative;
z-index:10;

}

.hero-badge{

display:inline-block;
padding:10px 20px;
border-radius:40px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
color:white;
margin-bottom:30px;

backdrop-filter:blur(15px);

}

.hero-title{

font-size:68px;
font-family:'Space Grotesk';
font-weight:800;
line-height:1.1;
color:white;

}

.hero-title span{

background:linear-gradient(90deg,#4facfe,#00f2fe);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-desc{

margin:30px 0;
font-size:20px;
line-height:1.8;
color:#d7d7d7;
max-width:620px;

}

.hero-buttons{

display:flex;
gap:20px;
margin-top:40px;

}

.btn-primary{

padding:18px 35px;
background:#2563eb;
color:white;
border-radius:50px;
text-decoration:none;
font-weight:700;
transition:.4s;

}

.btn-primary:hover{

transform:translateY(-6px);

box-shadow:0 20px 50px rgba(37,99,235,.45);

}

.btn-secondary{

padding:18px 35px;
border:1px solid rgba(255,255,255,.2);
color:white;
text-decoration:none;
border-radius:50px;
backdrop-filter:blur(20px);

transition:.4s;

}

.btn-secondary:hover{

background:white;
color:#111;

}

.hero-stats{

display:flex;
gap:60px;
margin-top:70px;

}

.hero-stats h2{

font-size:42px;
color:#4facfe;

}

.hero-stats span{

color:white;

}

.hero-right{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
position:relative;
z-index:10;

}

.glass-card{

padding:30px;
border-radius:25px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.15);

backdrop-filter:blur(25px);

transition:.4s;

animation:float 5s ease-in-out infinite;

}

.glass-card:hover{

transform:translateY(-12px);

box-shadow:0 20px 60px rgba(0,191,255,.3);

}

.glass-card .icon{

font-size:45px;
margin-bottom:20px;

}

.glass-card h3{

color:white;
margin-bottom:12px;

}

.glass-card p{

color:#ddd;
line-height:1.7;

}

.card2{

margin-top:60px;

}

.card4{

margin-top:-40px;

}

.scroll-down{

position:absolute;
bottom:35px;
left:50%;
transform:translateX(-50%);

}

.scroll-down span{

display:block;
width:35px;
height:60px;
border:2px solid white;
border-radius:50px;

}

.scroll-down span::before{

content:'';
width:8px;
height:8px;
background:white;
border-radius:50%;
position:absolute;
left:50%;
transform:translateX(-50%);
animation:scroll 2s infinite;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@keyframes scroll{

0%{

top:10px;
opacity:1;

}

100%{

top:38px;
opacity:0;

}

}
/*==========================
WHY PROGRAM
==========================*/

.why-program{

background:#fff;
padding:120px 8%;
position:relative;

}

.section-title{

max-width:850px;
margin:auto;
text-align:center;
margin-bottom:80px;

}

.section-title span{

display:inline-block;
padding:10px 22px;
background:#eef4ff;
color:#2563eb;
border-radius:50px;
font-weight:700;
margin-bottom:20px;

}

.section-title h2{

font-size:52px;
font-family:'Space Grotesk';
line-height:1.2;
margin-bottom:20px;
color:#111827;

}

.section-title h2 span{

background:none;
color:#2563eb;
padding:0;

}

.section-title p{

font-size:18px;
line-height:1.8;
color:#6b7280;

}

.why-wrapper{

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;

}

.image-card{

height:520px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

border-radius:40px;

position:relative;

overflow:hidden;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

color:white;

box-shadow:0 30px 80px rgba(37,99,235,.25);

}

.ai-icon{

font-size:100px;
margin-bottom:20px;
z-index:2;

}

.image-card h3{

font-size:34px;
margin-bottom:20px;
font-family:'Space Grotesk';

}

.image-card p{

max-width:330px;
text-align:center;
line-height:1.8;

}

.floating-circle{

position:absolute;
border-radius:50%;
background:rgba(255,255,255,.15);

animation:floatCircle 6s infinite ease-in-out;

}

.one{

width:220px;
height:220px;

top:-80px;
left:-60px;

}

.two{

width:180px;
height:180px;

bottom:-60px;
right:-60px;

animation-delay:2s;

}

.feature-card{

display:flex;
gap:25px;
padding:28px;
background:white;

border-radius:22px;

margin-bottom:25px;

box-shadow:0 10px 30px rgba(0,0,0,.06);

transition:.35s;

border:1px solid #eef2f7;

}

.feature-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(37,99,235,.18);

}

.feature-icon{

width:70px;
height:70px;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

border-radius:18px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:white;

flex-shrink:0;

}

.feature-card h3{

margin-bottom:10px;

font-size:24px;

font-family:'Space Grotesk';

color:#111827;

}

.feature-card p{

line-height:1.8;

color:#6b7280;

}

@keyframes floatCircle{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-25px);

}

}
/*==========================
PROGRAMS
==========================*/

.programs{

padding:120px 8%;
background:#071220;
position:relative;
overflow:hidden;

}

.programs::before{

content:'';
position:absolute;
width:500px;
height:500px;
background:#2563eb;
filter:blur(180px);
opacity:.18;
top:-180px;
right:-150px;

}

.program-title{

text-align:center;
max-width:820px;
margin:auto;
margin-bottom:80px;
position:relative;
z-index:2;

}

.program-title span{

display:inline-block;
padding:10px 24px;
background:rgba(37,99,235,.15);
border:1px solid rgba(255,255,255,.1);
border-radius:40px;
color:#4facfe;
font-weight:700;
margin-bottom:20px;

}

.program-title h2{

font-size:54px;
color:#fff;
font-family:'Space Grotesk';
margin-bottom:20px;

}

.program-title h2 span{

background:none;
padding:0;
color:#4facfe;

}

.program-title p{

color:#b8c3d1;
font-size:18px;
line-height:1.8;

}

.program-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
position:relative;
z-index:2;

}

.program-card{

background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(20px);

padding:35px;

border-radius:25px;

transition:.45s;

position:relative;

overflow:hidden;

}

.program-card::before{

content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:4px;

background:linear-gradient(90deg,#2563eb,#38bdf8);

}

.program-card:hover{

transform:translateY(-12px);

box-shadow:0 20px 60px rgba(37,99,235,.28);

border-color:#38bdf8;

}

.program-icon{

width:75px;
height:75px;
display:flex;
justify-content:center;
align-items:center;

font-size:38px;

border-radius:20px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

margin-bottom:25px;

}

.program-card h3{

font-size:28px;
color:#fff;
margin-bottom:15px;
font-family:'Space Grotesk';

}

.program-card p{

color:#cfd7e2;
line-height:1.8;
margin-bottom:25px;

}

.chips{

display:flex;
flex-wrap:wrap;
gap:10px;

}

.chips span{

padding:8px 14px;
border-radius:30px;

background:rgba(255,255,255,.08);

color:#8fd3ff;

font-size:13px;

border:1px solid rgba(255,255,255,.08);

}
/*==========================
CURRICULUM
==========================*/

.curriculum{

padding:120px 8%;
background:#ffffff;
position:relative;

}

.timeline{

position:relative;
max-width:1100px;
margin:80px auto 0;

}

.timeline::before{

content:"";
position:absolute;
left:50%;
top:0;
width:4px;
height:100%;
background:linear-gradient(#2563eb,#38bdf8);
transform:translateX(-50%);

}

.timeline-item{

position:relative;
width:50%;
padding:20px 50px;
margin-bottom:60px;

}

.timeline-item.left{

left:0;
text-align:right;

}

.timeline-item.right{

left:50%;

}

.timeline-dot{

position:absolute;
width:22px;
height:22px;
background:#38bdf8;
border:5px solid white;
border-radius:50%;
top:45px;
right:-11px;
box-shadow:0 0 20px rgba(37,99,235,.4);

}

.timeline-item.right .timeline-dot{

left:-11px;

}

.timeline-card{

background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
border:1px solid #eef2f7;

}

.timeline-card:hover{

transform:translateY(-10px);
box-shadow:0 30px 70px rgba(37,99,235,.18);

}

.grade-tag{

display:inline-block;
padding:8px 18px;
background:#e8f1ff;
color:#2563eb;
font-weight:700;
border-radius:30px;
margin-bottom:18px;

}

.timeline-card h3{

font-size:30px;
font-family:'Space Grotesk';
margin-bottom:20px;
color:#111827;

}

.timeline-card ul{

list-style:none;

}

.timeline-card li{

padding:12px 0;
font-size:17px;
border-bottom:1px solid #edf2f7;
color:#4b5563;

}

.timeline-card li:last-child{

border-bottom:none;

}
/*========================
BENEFITS
=========================*/

.benefits{

padding:120px 8%;
background:#07111f;
position:relative;
overflow:hidden;

}

.benefits::before{

content:"";
position:absolute;
width:550px;
height:550px;
background:#2563eb;
filter:blur(180px);
opacity:.18;
left:-200px;
top:-180px;

}

.benefits-heading{

text-align:center;
max-width:850px;
margin:auto;
margin-bottom:70px;
position:relative;
z-index:2;

}

.benefits-heading span{

display:inline-block;
padding:10px 24px;
background:rgba(255,255,255,.08);
border-radius:40px;
color:#4facfe;
margin-bottom:20px;
font-weight:700;

}

.benefits-heading h2{

font-size:54px;
color:white;
font-family:'Space Grotesk';
margin-bottom:20px;

}

.benefits-heading h2 span{

color:#38bdf8;

}

.benefits-heading p{

color:#b8c3d1;
line-height:1.8;

}

.benefit-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
grid-auto-rows:240px;
gap:25px;
margin-top:60px;

}

.benefit-card{

background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);

border-radius:28px;

padding:35px;

backdrop-filter:blur(20px);

transition:.45s;

position:relative;

overflow:hidden;

}

.benefit-card::before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;

background:linear-gradient(90deg,#2563eb,#38bdf8);

}

.benefit-card:hover{

transform:translateY(-12px);
box-shadow:0 20px 60px rgba(37,99,235,.25);

}

.large{

grid-row:span 2;

}

.wide{

grid-column:span 2;

}

.benefit-icon{

width:70px;
height:70px;
border-radius:18px;

display:flex;
align-items:center;
justify-content:center;

font-size:36px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

margin-bottom:20px;

}

.benefit-card h3{

color:white;
font-size:28px;
margin-bottom:15px;
font-family:'Space Grotesk';

}

.benefit-card p{

color:#cdd7e5;
line-height:1.8;

}

/* COUNTERS */

.counter-area{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

margin-top:80px;

}

.counter-box{

background:rgba(255,255,255,.05);

padding:35px;

text-align:center;

border-radius:20px;

border:1px solid rgba(255,255,255,.08);

}

.counter-box h2{

font-size:52px;
color:#38bdf8;
margin-bottom:10px;

font-family:'Space Grotesk';

}

.counter-box span{

color:white;

}
/*=========================
WHY CHOOSE
==========================*/

.why-choose{

padding:120px 8%;
background:#fff;
overflow:hidden;

}

.choose-wrapper{

display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;
margin-top:70px;

}

.choose-item{

display:flex;
gap:20px;

padding:24px;

margin-bottom:20px;

border-radius:20px;

background:#fff;

border:1px solid #edf2f7;

transition:.4s;

box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.choose-item:hover{

transform:translateX(12px);

box-shadow:0 20px 50px rgba(37,99,235,.18);

}

.choose-icon{

width:70px;
height:70px;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

border-radius:18px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:#fff;

flex-shrink:0;

}

.choose-item h3{

font-size:24px;
font-family:'Space Grotesk';
margin-bottom:10px;
color:#111827;

}

.choose-item p{

line-height:1.8;
color:#6b7280;

}

/* RIGHT */

.choose-image{

position:relative;
display:flex;
justify-content:center;
align-items:center;

}

.circle-bg{

position:absolute;
width:420px;
height:420px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

border-radius:50%;

filter:blur(70px);

opacity:.18;

animation:floatCircle 6s infinite;

}

.main-card{

position:relative;

width:420px;

padding:45px;

border-radius:35px;

background:linear-gradient(145deg,#0f172a,#1e3a8a);

color:white;

text-align:center;

box-shadow:0 30px 70px rgba(37,99,235,.25);

}

.robot{

font-size:90px;
margin-bottom:20px;

animation:float 4s infinite;

}

.main-card h3{

font-size:34px;
margin-bottom:12px;
font-family:'Space Grotesk';

}

.main-card p{

color:#d7e3f5;
margin-bottom:30px;

}

.mini-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;

}

.mini-box{

padding:16px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.12);

border-radius:15px;

font-weight:700;

transition:.35s;

}

.mini-box:hover{

background:#38bdf8;
transform:translateY(-6px);

}
/*==============================
PARTNER CTA
==============================*/

.partner-cta{

position:relative;
padding:130px 8%;
background:linear-gradient(135deg,#071220,#0d1f3d);
overflow:hidden;

}

.cta-glow{

position:absolute;
border-radius:50%;
filter:blur(120px);

}

.glow1{

width:420px;
height:420px;
background:#2563eb;
left:-120px;
top:-120px;
opacity:.45;

}

.glow2{

width:380px;
height:380px;
background:#38bdf8;
right:-100px;
bottom:-100px;
opacity:.35;

}

.partner-cta .container{

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;

}

.partner-badge{

display:inline-block;
padding:12px 24px;
border-radius:50px;

background:rgba(255,255,255,.08);

border:1px solid rgba(255,255,255,.12);

color:#7dd3fc;

margin-bottom:25px;

}

.partner-content h2{

font-size:58px;

font-family:'Space Grotesk';

line-height:1.15;

color:#fff;

margin-bottom:25px;

}

.partner-content h2 span{

color:#38bdf8;

}

.partner-content p{

font-size:19px;

line-height:1.9;

color:#cbd5e1;

margin-bottom:40px;

}

.partner-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}

.partner-btn{

padding:18px 34px;

border-radius:50px;

background:#2563eb;

color:white;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.partner-btn:hover{

transform:translateY(-6px);

box-shadow:0 20px 50px rgba(37,99,235,.45);

}

.partner-btn-outline{

padding:18px 34px;

border-radius:50px;

border:1px solid rgba(255,255,255,.15);

text-decoration:none;

color:white;

backdrop-filter:blur(20px);

transition:.35s;

}

.partner-btn-outline:hover{

background:white;

color:#111827;

}

.partner-cards{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.partner-card{

background:rgba(255,255,255,.06);

padding:30px;

border-radius:22px;

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

transition:.35s;

}

.partner-card:hover{

transform:translateY(-10px);

border-color:#38bdf8;

box-shadow:0 20px 50px rgba(56,189,248,.25);

}

.partner-card h3{

font-size:24px;

margin-bottom:15px;

font-family:'Space Grotesk';

color:white;

}

.partner-card p{

color:#cbd5e1;

line-height:1.8;

}
/*=========================
INQUIRY FORM
=========================*/

.inquiry-section{

padding:120px 8%;
background:#f8fbff;

}

.inquiry-wrapper{

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;

}

.section-badge{

display:inline-block;
padding:10px 22px;
border-radius:40px;
background:#eaf2ff;
color:#2563eb;
font-weight:700;
margin-bottom:25px;

}

.inquiry-info h2{

font-size:56px;
line-height:1.15;
font-family:'Space Grotesk';
margin-bottom:25px;
color:#111827;

}

.inquiry-info h2 span{

color:#2563eb;

}

.inquiry-info p{

font-size:18px;
line-height:1.9;
color:#6b7280;
margin-bottom:40px;

}

.info-item{

display:flex;
gap:20px;
margin-bottom:25px;

padding:22px;

background:white;

border-radius:18px;

box-shadow:0 10px 25px rgba(0,0,0,.05);

transition:.35s;

}

.info-item:hover{

transform:translateX(10px);

box-shadow:0 20px 45px rgba(37,99,235,.15);

}

.info-icon{

width:60px;
height:60px;

display:flex;
justify-content:center;
align-items:center;

border-radius:16px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

font-size:28px;

}

.inquiry-form-box{

background:white;

padding:40px;

border-radius:30px;

box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.form-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;

}

.form-grid input,
textarea{

width:100%;

padding:18px;

border-radius:14px;

border:1px solid #d9e4f2;

outline:none;

font-size:15px;

margin-bottom:18px;

transition:.3s;

}

.form-grid input:focus,
textarea:focus{

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.12);

}

textarea{

resize:none;

}

.submit-btn{

width:100%;

padding:18px;

border:none;

border-radius:50px;

background:linear-gradient(90deg,#2563eb,#38bdf8);

color:white;

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.35s;

}

.submit-btn:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(37,99,235,.25);

}
/*=====================
JOURNEY
======================*/

.journey{

padding:120px 8%;
background:#fff;

}

.journey-line{

display:flex;
justify-content:space-between;
position:relative;
margin-top:80px;

}

.journey-line::before{

content:'';
position:absolute;
top:30px;
left:8%;
right:8%;
height:4px;

background:linear-gradient(90deg,#2563eb,#38bdf8);

}

.journey-step{

position:relative;
z-index:2;
width:180px;
text-align:center;

}

.step-circle{

width:60px;
height:60px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:white;

border-radius:50%;

display:flex;
justify-content:center;
align-items:center;

font-size:22px;
font-weight:bold;

margin:auto;
margin-bottom:20px;

box-shadow:0 15px 40px rgba(37,99,235,.25);

transition:.35s;

}

.journey-step:hover .step-circle{

transform:scale(1.15);

}

.journey-step h3{

font-family:'Space Grotesk';
margin-bottom:10px;

}

/*=====================
GALLERY
======================*/

.gallery-section{

padding:120px 8%;

background:#071220;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
grid-auto-rows:240px;
gap:20px;
margin-top:70px;

}

.gallery-card{

overflow:hidden;
border-radius:24px;

}

.gallery-card img{

width:100%;
height:100%;
object-fit:cover;

transition:.5s;

}

.gallery-card:hover img{

transform:scale(1.1);

}

.tall{

grid-row:span 2;

}

.wide{

grid-column:span 2;

}
/*==========================
FAQ
==========================*/

.faq-section{

padding:120px 8%;
background:#fff;

}

.faq-container{

max-width:900px;
margin:70px auto 0;

}

.faq-item{

background:#fff;
border:1px solid #e5e7eb;
border-radius:20px;
margin-bottom:20px;
overflow:hidden;
transition:.3s;

}

.faq-item:hover{

box-shadow:0 15px 40px rgba(37,99,235,.12);

}

.faq-question{

width:100%;
padding:25px 30px;
border:none;
background:none;
display:flex;
justify-content:space-between;
align-items:center;

font-size:20px;
font-weight:700;

cursor:pointer;

}

.faq-question span{

font-size:28px;
color:#2563eb;

}

.faq-answer{

max-height:0;
overflow:hidden;
transition:.4s;

}

.faq-answer p{

padding:0 30px 30px;
line-height:1.8;
color:#6b7280;

}

.faq-item.active .faq-answer{

max-height:200px;

}

/*==========================
FINAL CTA
==========================*/

.final-cta{

padding:120px 8%;

background:linear-gradient(135deg,#071220,#102b5d);

text-align:center;

color:white;

}

.final-cta h2{

font-size:58px;

font-family:'Space Grotesk';

margin-bottom:25px;

}

.final-cta span{

color:#38bdf8;

}

.final-cta p{

max-width:800px;

margin:auto;

line-height:1.9;

color:#d1d5db;

margin-bottom:45px;

}

.final-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}
/*==============================
IMPACT
==============================*/

.impact-section{

padding:120px 8%;
background:#071220;
position:relative;

}

.impact-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:70px;

}

.impact-card{

padding:45px 30px;

border-radius:25px;

text-align:center;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

transition:.4s;

}

.impact-card:hover{

transform:translateY(-12px);

border-color:#38bdf8;

box-shadow:0 25px 60px rgba(37,99,235,.25);

}

.impact-card h2{

font-size:60px;

color:#38bdf8;

font-family:'Space Grotesk';

margin-bottom:15px;

}

.impact-card span{

color:white;

font-size:18px;

}
/*==========================
ECOSYSTEM
==========================*/

.ecosystem{

padding:120px 8%;
background:#ffffff;

}

.ecosystem-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
grid-auto-rows:240px;
gap:25px;
margin-top:70px;

}

.eco-card{

background:#fff;

border-radius:28px;

padding:35px;

border:1px solid #edf2f7;

box-shadow:0 15px 35px rgba(0,0,0,.06);

transition:.35s;

}

.eco-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(37,99,235,.18);

}

.large{

grid-row:span 2;

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:white;

}

.large h3,
.large p{

color:white;

}

.wide{

grid-column:span 2;

}

.eco-icon{

font-size:48px;

margin-bottom:20px;

}

.eco-card h3{

font-family:'Space Grotesk';

font-size:30px;

margin-bottom:15px;

color:#111827;

}

.eco-card p{

line-height:1.8;

color:#6b7280;

}
/*=========================
TESTIMONIALS
=========================*/

.testimonials{

padding:120px 8%;
background:#071220;

}

.testimonial-slider{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:70px;

}

.testimonial-card{

background:rgba(255,255,255,.05);

padding:35px;

border-radius:25px;

border:1px solid rgba(255,255,255,.08);

transition:.4s;

backdrop-filter:blur(20px);

}

.testimonial-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(37,99,235,.2);

}

.quote{

font-size:70px;

color:#38bdf8;

line-height:1;

margin-bottom:20px;

}

.testimonial-card p{

color:#dbe5f5;

line-height:1.8;

margin-bottom:30px;

}

.author{

display:flex;

align-items:center;

gap:15px;

}

.author img{

width:60px;

height:60px;

border-radius:50%;

object-fit:cover;

}

.author h4{

color:white;

}

.author span{

color:#9fb3c8;

font-size:14px;

}

/*=========================
TRUSTED LOGOS
=========================*/

.trusted-schools{

padding:80px 8%;

background:#fff;

text-align:center;

}

.trusted-schools h3{

font-size:30px;

font-family:'Space Grotesk';

margin-bottom:50px;

}

.logo-slider{

display:flex;

justify-content:space-between;

align-items:center;

gap:40px;

flex-wrap:wrap;

}

.logo-slider img{

height:60px;

filter:grayscale(100%);

opacity:.7;

transition:.3s;

}

.logo-slider img:hover{

filter:none;

opacity:1;

transform:scale(1.08);

}
/*=========================
HOW IT WORKS
=========================*/

.how-it-works{

padding:120px 8%;
background:#f8fbff;

}

.process-grid{

display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
margin-top:70px;

}

.process-card{

background:white;
padding:35px 25px;
border-radius:24px;
text-align:center;

border:1px solid #edf2f7;

box-shadow:0 15px 40px rgba(0,0,0,.05);

transition:.35s;

position:relative;

overflow:hidden;

}

.process-card::before{

content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:4px;

background:linear-gradient(90deg,#2563eb,#38bdf8);

}

.process-card:hover{

transform:translateY(-12px);

box-shadow:0 30px 70px rgba(37,99,235,.18);

}

.process-number{

width:70px;
height:70px;

margin:auto;
margin-bottom:25px;

border-radius:50%;

background:linear-gradient(135deg,#2563eb,#38bdf8);

color:white;

display:flex;
justify-content:center;
align-items:center;

font-size:24px;
font-weight:700;

font-family:'Space Grotesk';

}

.process-card h3{

font-size:22px;
font-family:'Space Grotesk';
margin-bottom:15px;

}

.process-card p{

line-height:1.8;
color:#6b7280;

}
/*=========================
TECH STACK
=========================*/

.tech-stack{

padding:120px 8%;
background:#071220;

}

.tech-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:70px;

}

.tech-card{

background:rgba(255,255,255,.05);

padding:40px;

border-radius:24px;

text-align:center;

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

transition:.35s;

}

.tech-card:hover{

transform:translateY(-12px);

border-color:#38bdf8;

box-shadow:0 20px 60px rgba(37,99,235,.25);

}

.tech-card img{

height:70px;

margin-bottom:25px;

transition:.35s;

}

.tech-card:hover img{

transform:scale(1.12) rotate(5deg);

}

.tech-card h3{

color:white;

font-family:'Space Grotesk';

font-size:24px;

}
/*=========================
TRAINERS
=========================*/

.trainers{

padding:120px 8%;
background:#ffffff;

}

.trainer-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:70px;

}

.trainer-card{

background:#fff;
padding:35px;
border-radius:30px;
text-align:center;

border:1px solid #edf2f7;

box-shadow:0 15px 40px rgba(0,0,0,.05);

transition:.4s;

}

.trainer-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(37,99,235,.18);

}

.trainer-image{

width:140px;
height:140px;

margin:auto;
margin-bottom:25px;

border-radius:50%;

overflow:hidden;

border:5px solid #38bdf8;

}

.trainer-image img{

width:100%;
height:100%;
object-fit:cover;

transition:.35s;

}

.trainer-card:hover img{

transform:scale(1.08);

}

.trainer-card h3{

font-family:'Space Grotesk';

font-size:28px;

margin-bottom:18px;

color:#111827;

}

.trainer-card p{

line-height:1.8;

color:#6b7280;

margin-bottom:25px;

}

.trainer-tags{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:10px;

}

.trainer-tags span{

padding:8px 16px;

border-radius:40px;

background:#e8f1ff;

color:#2563eb;

font-size:14px;

font-weight:600;

}
/*=========================
TRAINING METHODOLOGY
=========================*/

.methodology{

padding:120px 8%;
background:#071220;
position:relative;
overflow:hidden;

}

.methodology::before{

content:"";
position:absolute;
width:500px;
height:500px;
right:-200px;
top:-200px;
background:#2563eb;
filter:blur(180px);
opacity:.18;

}

.method-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:70px;

}

.method-card{

background:rgba(255,255,255,.05);

padding:35px;

border-radius:28px;

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

transition:.4s;

text-align:center;

}

.method-card:hover{

transform:translateY(-12px);

border-color:#38bdf8;

box-shadow:0 20px 60px rgba(37,99,235,.25);

}

.method-icon{

width:80px;
height:80px;

margin:auto;
margin-bottom:25px;

border-radius:20px;

display:flex;
justify-content:center;
align-items:center;

font-size:40px;

background:linear-gradient(135deg,#2563eb,#38bdf8);

}

.method-card h3{

font-size:26px;

font-family:'Space Grotesk';

color:white;

margin-bottom:15px;

}

.method-card p{

line-height:1.8;

color:#cbd5e1;

}
.profile-icon{

width:60px;
height:60px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

font-size:28px;

color:#ffffff;

background:linear-gradient(135deg,#2563EB,#38BDF8);

box-shadow:0 10px 25px rgba(37,99,235,.35);

flex-shrink:0;

transition:.35s;

}

.author:hover .profile-icon{

transform:scale(1.08) rotate(8deg);

}