* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: system-ui, sans-serif; background:#f5f7fa; color:#1a202c; }
.nav { display:flex; align-items:center; padding:1rem; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.menu { display:flex; list-style:none; gap:1.5rem; }
.menu-item { position:relative; }
.mega { display:none; position:absolute; top:100%; right:0; background:#fff; padding:1rem; border-radius:8px; box-shadow:0 8px 20px rgba(0,0,0,0.1); min-width:250px; }
.menu-item:hover .mega, .mega.show { display:flex; gap:1rem; }
.hamburger { display:none; background:none; border:none; font-size:1.5rem; }

@keyframes fadeUp { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:none;} }
main > * { animation: fadeUp 0.5s ease both; }

@media (max-width: 768px) {
  .hamburger { display:block; }
  .menu { display:none; flex-direction:column; position:absolute; top:60px; right:0; left:0; background:#fff; padding:1rem; }
  .menu.open { display:flex; }
  .mega { position:static; box-shadow:none; }
}