body {
      margin: 0;
      font-family: 'Segoe UI', Arial, sans-serif;
      background-color: #eef6f8;
    }
    nav.menu {
      background: linear-gradient(90deg, #1c5e3c 0%, #388fa3 100%);
      box-shadow: 0 4px 8px rgba(52, 110, 100, 0.15);
      padding: 0;
      overflow: hidden;
    }
    nav.menu ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
    }
    nav.menu li {
      margin: 0;
      padding: 0;
    }
    nav.menu a {
      display: block;
      color: #fff;
      padding: 10px 24px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 500;
      transition: background 0.2s, color 0.2s;
      letter-spacing: 0.02em;
      border-bottom: 3px solid transparent;
      position: relative;
    }
    nav.menu a:hover,
    nav.menu a.active {
      background: #256b45;
      color: #ffefcc;
      border-bottom: 3px solid #ffb700;
    }
    /* Мелкая адаптивность для мобильных (меню раскладывается в столбик) */
    @media (max-width: 700px) {
      nav.menu ul {
        flex-direction: column;
        align-items: stretch;
      }
      nav.menu a {
        padding: 10px 10px;
        font-size: 20px;
      }
    }