*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Manrope',sans-serif;background:#f8f9fb;color:#111;}
.container{max-width:1300px;margin:auto;padding:0 40px;}
section{padding:120px 0;}

.hero{
height:85vh;
background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.hero h1{font-size:64px;font-weight:800;letter-spacing:4px;}
.hero p{margin-top:20px;font-size:22px;opacity:.85;}

.intro{text-align:center;background:#fff;}
.intro h2{font-size:40px;margin-bottom:30px;}
.intro p{max-width:850px;margin:auto;font-size:19px;line-height:1.8;color:#555;}

.org{background:#eef1f5;text-align:center;}
.org h2{font-size:40px;margin-bottom:80px;}

.tree{display:flex;flex-direction:column;align-items:center;gap:70px;}

.level{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;position:relative;}

.member{
background:white;
padding:25px 35px;
border-radius:18px;
min-width:240px;
box-shadow:0 15px 35px rgba(0,0,0,0.05);
transition:.3s;
}

.member:hover{transform:translateY(-8px);}
.member h3{margin-bottom:8px;font-size:20px;}
.member p{font-size:15px;color:#666;}

.leader{
background:linear-gradient(135deg,#1e3c72,#2a5298);
color:white;
}

.leader p{color:rgba(255,255,255,0.85);}

.level:not(:first-child)::before{
content:"";
position:absolute;
top:-40px;
width:2px;
height:40px;
background:#bbb;
}

.projects{background:#fff;}
.projects h2{text-align:center;font-size:40px;margin-bottom:80px;}

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

.project{
background:#f4f6fa;
border-radius:20px;
overflow:hidden;
transition:.4s;
}

.project:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.08);
}

.project img{
width:100%;
height:340px;
object-fit:cover;
}

.project-content{padding:35px;}
.project-content h3{margin-bottom:15px;font-size:24px;}
.project-content p{color:#555;line-height:1.7;}

.contact{
background:#111;
color:white;
text-align:center;
}

.contact h2{font-size:40px;margin-bottom:40px;}

.contact-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
font-size:18px;
}

.disclaimer{
margin-top:60px;
font-size:14px;
opacity:.6;
line-height:1.7;
max-width:900px;
margin-left:auto;
margin-right:auto;
}

.bottom-logo{
background:#f1f3f6;
padding:150px 20px;
text-align:center;
}

.bottom-logo h1{
font-size:60px;
letter-spacing:8px;
font-weight:800;
color:#222;
}

@media(max-width:1000px){
.grid{grid-template-columns:1fr;}
.hero h1{font-size:44px;}
}