body {
      background: #0d0d11;
      color: #e2e8f0;
      font-family: 'Inter', sans-serif;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      /* Ensures body takes full screen height */
      margin: 0;
    }

    nav {
      backdrop-filter: blur(16px);
      background: rgba(7, 7, 9, .82) !important;
    }

    /* Smooth Accordion Animation */
    details {
      background: #121216;
      border: 1px solid rgba(255, 255, 255, 0.05);
      margin-bottom: 1rem;
      border-radius: 8px;
      display: grid;
      grid-template-rows: auto 0fr;
      transition: grid-template-rows 0.3s ease-out;
    }

    details[open] {
      grid-template-rows: auto 1fr;
    }

    summary {
      padding: 1.5rem;
      font-weight: 700;
      cursor: pointer;
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: background 0.3s ease;
    }

    summary:hover {
      background: rgba(255, 255, 255, 0.02);
    }

    summary::after {
      content: '+';
      font-size: 1.5rem;
      color: var(--accent);
      transition: transform 0.3s ease;
    }

    details[open] summary::after {
      transform: rotate(45deg);
    }

    .content-inner {
      overflow: hidden;
    }

    .content-inner>div {
      padding: 0 1.5rem 1.5rem 1.5rem;
    }

    .info-box {
      border-left: 4px solid var(--accent);
      background: rgba(var(--accent-rgb), 0.1);
      padding: 1.5rem;
      margin-bottom: 2rem;
    }

    .btn {
      display: inline-block;
      background: var(--accent);
      color: white;
      padding: 0.5rem 1rem;
      border-radius: 4px;
      font-weight: 600;
      font-size: 0.875rem;
      text-decoration: none;
      margin-top: 1rem;
      margin-right: 0.5rem;
    }

    .primary-sticky-nav {
      position: sticky !important;
      top: 0 !important;
      z-index: 100 !important;
      background-color: #070709 !important;
      width: 100% !important;
    }