html{font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;line-height:1.6;color:#333;background-color:#fff;font-size:.875rem}.container{max-width:1240px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:1.5rem 0}.hero h1{font-size:2rem;margin-bottom:.4rem;font-weight:300}.hero h2{font-size:1.35rem;margin-bottom:.5rem;opacity:.9}.hero p{font-size:1.1rem}.section{padding:3rem 0}.section h2{font-size:1.55rem;margin-bottom:1.25rem;text-align:center;color:#333}.section p{font-size:.9rem;line-height:1.7;margin-bottom:1.15rem;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){.hero h1{font-size:1.75rem}.hero h2{font-size:1.2rem}.section h2{font-size:1.35rem}}.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}