@media screen and (max-width: 768px) {
  header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.98));
    backdrop-filter: blur(10px);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nav-container {
    padding: 0 1rem;
  }

  .nav-left {
    width: 100%;
    justify-content: center;
  }

  .nav-links, .nav-right {
    display: none;
  }

  .logo {
    height: 24px;
  }

  .logo img {
    filter: none;
  }

  footer {
    display: none;
  }
}