body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#222}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:auto;padding:20px}h1{font-size:28px;margin-bottom:20px;text-align:center}.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px}.menu a,.dropbtn{padding:10px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-weight:500;cursor:pointer;transition:all .2s ease}.menu a:hover,.dropbtn:hover{background-color:#007bff;color:#fff}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;min-width:180px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:6px;z-index:10;overflow:hidden;margin-top:6px}.dropdown-content a{padding:10px 14px;display:block;color:#333;transition:background .2s ease}.dropdown-content a:hover{background-color:#f0f0f0}.dropdown:hover .dropdown-content{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.06);transition:transform .2s ease , box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.card img{width:100%;height:270px;object-fit:cover}.card h2{font-size:16px;padding:12px;margin:0;color:#222;text-align:center}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:30px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}header{background:#222;color:#fff;padding:15px 0}header h1{text-align:center;margin:0;font-size:24px}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:10px}.main-nav a{color:#fff;padding:8px 14px;border-radius:6px;transition:background .3s}.main-nav a:hover{background:#007bff}.menu{margin:20px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.menu a,.dropbtn{background-color:#007bff;color:#fff;padding:10px 14px;text-decoration:none;border-radius:5px;font-weight:bold;font-size:14px;border:none;cursor:pointer;transition:background-color .3s}.menu a:hover,.dropbtn:hover{background-color:#0056b3}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);border-radius:6px;z-index:1;flex-direction:column}.dropdown-content a{padding:10px;text-decoration:none;display:block;color:#333}.dropdown:hover .dropdown-content{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.card{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;text-align:center;transition:transform .2s}.card img{width:100%;height:auto;display:block}.card h2{font-size:1rem;padding:10px;color:#333}@media (max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.menu{flex-direction:column;align-items:flex-start}}