/* * {
  margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif;
}
body {background:#f4f4f9; color:#333;}  */

/* ===== Navbar ===== */
nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
  background:#007BFF;
  color:white;
  position:sticky;
  top:0;
  z-index:1000;
}
nav .logo {font-size:22px; font-weight:bold;}
nav ul {
  display:flex;
  list-style:none;
  gap:30px;
  align-items:center;
}
nav ul li {position:relative;}
nav ul li a {
  color:white; text-decoration:none; padding:8px 0; display:block;
  transition:0.3s;
}
nav ul li a:hover {color:#FFD700;}

/* Dropdown */
nav li.dropdown-parent .dropdown {
  display:none;
  position:absolute;
  top:100%; left:0;
  background:#0056b3;
  flex-direction:column;
  min-width:180px;
  border-radius:5px;
  box-shadow:0 4px 15px rgba(0,0,0,0.2);
  z-index:1000;
}
nav li.dropdown-parent .dropdown a {
  color:white;
  padding:10px 15px;
  border-bottom:1px solid rgba(255,255,255,0.2);
}
nav li.dropdown-parent .dropdown a:last-child {border-bottom:none;}
nav li.dropdown-parent:hover .dropdown {display:flex;} 

/* Hamburger */
.menu-toggle {
  display:none;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}
.menu-toggle span {
  height:3px; width:25px; background:white; border-radius:2px; transition:0.3s;
} 



/* ===== Responsive ===== */
@media(max-width:768px){
  .menu-toggle {display:flex;}
  nav ul {
    flex-direction:column;
    display:none;
    width:100%;
    background:#007BFF;
    position:absolute;
    top:100%; left:0;
    padding:10px 0;
    z-index:999;
  }
  nav ul.active {display:flex;}
  nav li.dropdown-parent:hover .dropdown {display:none;}
  nav li.dropdown-parent.active .dropdown {
    display:flex; flex-direction:column;
    background:#0056b3;
    box-shadow:0 4px 15px rgba(0,0,0,0.2);
    border-radius:0 0 8px 8px;
  }
  nav ul li a {padding:12px 20px;}
}