nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      background: rgba(17,17,17,0.95);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1rem 2rem;
      z-index: 1000;
      backdrop-filter: blur(5px);
      box-shadow: 0 2px 5px rgba(0,0,0,0.5);
      transition: top 0.3s;
    }
    nav .logo { font-size: 1.5rem; font-weight: 700; color: hsl(50, 97%, 46%); }
    nav ul { display: flex; list-style: none; gap: 1.5rem; }
    nav ul li a { color: #f2f2f2; transition: 0.3s; }
    nav ul li a:hover { color: hsl(50, 97%, 46%); }
    nav .social-icons { display: flex; gap: 1rem; }
    nav .social-icons a { color: #f2f2f2; font-size: 1.2rem; transition: 0.3s; }
    nav .social-icons a:hover { color: hsl(50, 97%, 46%); }