body{

font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f5f7fa;
color:#333;

}



.container{

max-width:1100px;
margin:auto;
padding:40px 20px;

}



header{

background:#0f172a;
color:white;

}



.header-flex{

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

}



h1{

margin:0;

}



.tagline{

opacity:0.8;
font-size:14px;

}



nav a{

color:white;
margin-left:20px;
text-decoration:none;
font-weight:500;

}



.hero{

background:white;

}



.hero-grid{

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

}



.hero img{

width:100%;
border-radius:10px;

}



h2{

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

}



.subtitle{

opacity:0.7;
margin-bottom:30px;

}



.results-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:40px;

}



.results-grid ul{

list-style:none;
padding:0;

}



.results-grid li{

padding:6px 0;
border-bottom:1px solid #eee;

}



.course-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-top:30px;

}



.course-card{

background:white;
padding:30px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);

}



.course-card h3{

margin-top:0;

}



.course-card ul{

margin-top:15px;

}



.map{

margin-top:30px;
border-radius:10px;
overflow:hidden;

}



.maplink{

margin-top:15px;

}



footer{

background:#0f172a;
color:white;
text-align:center;

}



@media(max-width:800px){



.header-flex{

flex-direction:column;
align-items:flex-start;

}



nav{

margin-top:10px;

}



.hero-grid{

grid-template-columns:1fr;

}



.results-grid{

grid-template-columns:1fr;

}



.course-grid{

grid-template-columns:1fr;

}

}

.gallery{

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

}

.gallery img{

width:100%;
border-radius:10px;
box-shadow:0 5px 12px rgba(0,0,0,0.15);

}

@media(max-width:800px){

#gallery{

background:#f4f6f9;

}

.gallery-grid{

display:grid;
grid-template-columns:repeat(auto-fit, 200px);
gap:20px;
justify-content:center;
margin-top:30px;

}

.gallery-grid img{

width:200px;
height:200px;
object-fit:cover;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,0.15);
transition:transform 0.2s ease;

}

.gallery-grid img:hover{

transform:scale(1.05);

}