:root {
      --brand: #0b5ed7;
      --brand-dark: #0a4fb3;
      --text: #222;
      --muted: #666;
      --bg: #f7f8fa;
      --card: #ffffff;
      --tab: #e9eef6;
      --bg: #0A071A;
    }


    .container {
      max-width: 1100px;
      margin: 24px auto;
      padding: 0 20px;
    }

    .main-card {
      background: var(--bg);
      border-radius: 16px;
      box-shadow: 0 8px 24px rgba(0,0,0,0.1);
      padding: 24px;
    }

    .split {
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      gap: 24px;
      align-items: start;
    }

    .image-card {
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }

    .image-card img {
      width: 100%;
      height: 480px;
      object-fit: cover;
      display: block;
      transition: opacity .25s ease;
      
    }

    .text-card {
      border-radius: 14px;
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
      padding: 24px;
      background: var(--card);
    }

    .nav {
      display: flex;
      gap: 0px;
      margin-bottom: 16px;
    }

    .tab {
  flex: 1;                 /* Equal width for all buttons */
  margin: 0;               /* Remove any default spacing */
  border-radius: 0;        /* Remove rounded corners between buttons */
  border: none;
  background: var(--tab);
  color: var(--text);
  padding: 16px;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  transition: background .2s, color .2s;
}

    .tab:hover { background: #dbe4f3; }
    .tab.active {
      background: var(--brand);
      color: #fff;
    }
    .tab:first-child {
  border-radius: 8px 0 0 8px;
}

.tab:last-child {
  border-radius: 0 8px 8px 0;
}

    h1 {
      margin: 0 0 10px 0;
      font-size: 26px;
      color: white;
    }

    .lead {
      color: var(--muted);
      margin-bottom: 16px;
      font-size: 15px;
      color: white;
    }

    .content {
      font-size: 16px;
      line-height: 1.6;
      color: white;
    }

    @media (max-width: 900px) {
      .split { grid-template-columns: 1fr; }
      .image-card img { height: 300px; }
    }