*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{height:60px;width:auto}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:#007bff}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:4rem 0}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:300}.hero h2{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.section{padding:4rem 0}.section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:#333}.section p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.about{background-color:#f8f9fa}.activities{background-color:#fff}.events{background-color:#f8f9fa}.registration{background-color:#007bff;color:#fff}.registration h2{color:#fff}.contact{background-color:#333;color:#fff}.contact h2{color:#fff}.footer{background-color:#222;color:#fff;text-align:center;padding:2rem 0}@media (max-width: 768px){.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:0 2px 5px #0000001a;padding:1rem}.nav-menu.active{display:flex}.mobile-menu-toggle{display:block}.hero h1{font-size:2rem}.hero h2{font-size:1.2rem}.section h2{font-size:2rem}}.btn{display:inline-block;padding:12px 24px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.py-4{padding-top:2rem;padding-bottom:2rem}