body {
      background: #f8f9fa;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    }

    /* Header - identical to about.php */
    .header {
      background-color: #ffffff;
      border-bottom: 1px solid #dee2e6;
      height: 60px;
      display: flex;
      align-items: center;
      padding: 0 20px;
      overflow: hidden;
    }
    .toolbar-left, .toolbar-center, .toolbar-right {
      flex: 1;
      display: flex;
      align-items: center;
    }
    .toolbar-left { justify-content: flex-start; }
    .toolbar-center { justify-content: center; }
    .toolbar-right { justify-content: flex-end; gap: 18px; }

    .toolbar-btn {
      background: none;
      border: none;
      font-size: 14px;
      font-weight: 500;
      color: #495057;
      cursor: pointer;
      padding: 6px 4px;
      transition: all 0.2s ease;
      text-decoration: none;
      border-radius: 6px;
    }
    .toolbar-btn:hover {
      color: #000000;
    }
    .btn-nav {
      padding: 8px 16px;
      font-size: 14px;
      font-weight: 500;
      color: #495057;
      background-color: #ffffff;
      border: 1px solid #dee2e6;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
      transition: all 0.2s ease;
    }
    .btn-nav:hover {
      background-color: #f8f9fa;
      border-color: #adb5bd;
      color: #212529;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
      transform: translateY(-1px);
    }
    .btn-nav:active {
      transform: translateY(0);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .btn-nav.active {
      background-color: #e9ecef;
      border-color: #adb5bd;
      color: #212529;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .logo-img {
      height: auto;
      width: 80%;
      object-fit: contain;
    }