body{font-family:Arial,sans-serif;background:#F5F7FA;color:#222;margin:0}
.navbar{position:sticky;top:0;background:#003366;padding:12px;z-index:1000}
.navbar a{color:white;text-decoration:none;margin:0 10px}
.container{max-width:1200px;margin:auto;padding:20px}
.hero,.card{background:white;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
.lesson-btn{background:#00509E;color:white;padding:15px;border-radius:10px;text-align:center;text-decoration:none}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.gallery img{width:auto;height:auto;max-width:100%;display:block;border-radius:8px;cursor:pointer}
.project-card{background:white;padding:20px;border-radius:12px;margin:20px 0}
footer{background:#003366;color:white;text-align:center;padding:20px;margin-top:30px}
.search{padding:10px;width:100%;max-width:400px}