body { font-family: Arial, sans-serif; margin:0; padding:0; scroll-behavior:smooth; color:#333; }
a { text-decoration:none; }
header { position: fixed; top:0; width:100%; background:#003366; color:white; display:flex; justify-content:space-between; align-items:center; padding:15px 30px; z-index:1000; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
header img { height:60px; }
nav ul { list-style:none; display:flex; gap:20px; margin:0; padding:0; }
nav a { color:white; font-weight:bold; transition: color 0.3s; }
nav a:hover { color:#ffcc00; }
.lang-switch { background:#ffcc00; color:#003366; border:none; padding:5px 10px; cursor:pointer; border-radius:5px; font-weight:bold; }
.hero { background:url('https://images.unsplash.com/photo-1581091012184-25fcb8f5f6db?auto=format&fit=crop&w=1600&q=80') no-repeat center center/cover; color:white; text-align:center; padding:180px 20px 120px; }
.hero h1 { font-size:3em; margin-bottom:20px; text-shadow:2px 2px 4px #000; }
.hero p { font-size:1.3em; margin-bottom:30px; text-shadow:1px 1px 2px #000; }
.btn { display:inline-block; background:#ffcc00; color:#003366; padding:15px 35px; font-weight:bold; border-radius:5px; transition:transform 0.3s; }
.btn:hover { transform:scale(1.05); }
section { padding:80px 20px; text-align:center; }
section h2 { color:#003366; margin-bottom:40px; }
.courses-container { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.course-card { background:#f4f4f4; border-radius:10px; padding:30px; width:250px; transition: transform 0.3s, box-shadow 0.3s; }
.course-card:hover { transform:translateY(-10px); box-shadow:0 10px 20px rgba(0,0,0,0.2); }
.course-card h3 { color:#003366; margin-bottom:15px; }
#testimonials { background:#e6f0ff; }
.testimonial-container { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.testimonial { background:white; padding:20px; border-radius:10px; max-width:300px; box-shadow:0 5px 15px rgba(0,0,0,0.1); font-style:italic; }
.testimonial h4 { margin-top:10px; font-weight:bold; color:#003366; }
#contact p { margin:10px 0; font-size:1.1em; }
iframe { width:100%; height:300px; border:0; border-radius:10px; margin-top:20px; }
footer { background:#003366; color:white; padding:40px 20px; text-align:center; }
.hidden { display:none; }
@media(max-width:768px){
    .courses-container, .testimonial-container { flex-direction:column; align-items:center; }
    .hero h1{ font-size:2.2em; }
    .hero p{ font-size:1.1em; }
}