body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9}h1{text-align:center;margin:20px 0}.container{max-width:1200px;margin:0 auto;padding:20px}.card{padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:240px;display:flex;justify-content:center;align-items:center}.card:hover{box-shadow:0 0 20px #0000001a}.navbar{background-color:#4a4e69;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.navbar-container{display:flex;align-items:center;width:100%;justify-content:space-around}.navbar-logo{font-size:24px;font-weight:700;color:#f2e9e4;text-decoration:none}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-link{color:#f2e9e4;text-decoration:none;padding:10px 20px;transition:background-color .3s ease}.navbar-link:hover{background-color:#9a8c98;border-radius:5px}.dropdown{position:relative}.dropdown-label{cursor:pointer}.dropdown-menu{display:none;position:absolute;top:40px;left:0;background-color:#22223b;list-style:none;padding:10px 0;border-radius:5px;z-index:10}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{color:#fff;text-decoration:none;padding:10px 20px;display:block}.dropdown-item:hover{background-color:#9a8c98}.mobile-menu-icon{display:none;font-size:24px;background:none;border:none;color:#f2e9e4;cursor:pointer}.navbar-links.active{display:flex;flex-direction:column;position:absolute;top:60px;right:20px;background-color:#22223b;padding:10px;border-radius:5px}.navbar-links.active .navbar-link{padding:10px}@media screen and (max-width: 768px){.navbar-links{display:none}.mobile-menu-icon{display:block}}