:root {
    --primary: #1a3a5f;
    --secondary: #4CAF50;
    --white: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }

header {
    position: fixed; width: 100%; padding: 20px 50px;
    display: flex; justify-content: space-between; align-items: center;
    color: white; z-index: 100; transition: 0.4s;
}

header.scrolled { background: var(--white); color: var(--primary); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

nav ul { display: flex; list-style: none; align-items: center; }
nav ul li { margin-left: 20px; }
nav a { color: inherit; text-decoration: none; font-weight: 500; }

.lang-switch a.active { font-weight: bold; color: var(--secondary); }

.hero {
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('school-bg.jpg');
    background-size: cover; display: flex; align-items: center; justify-content: center;
    color: white; text-align: center;
}

.btn-primary {
    display: inline-block; margin-top: 20px; padding: 12px 30px;
    background: var(--secondary); color: white; border-radius: 50px;
}