.page-section {
      padding: 100px 0;
      padding-top: 170px; /* Space for fixed header */
      background: var(--futuristic-bg);
      min-height: calc(100vh - 250px);
    }
    .page-header {
      text-align: center;
      margin-bottom: var(--space-32);
    }
    .page-title {
      font-size: 2.5rem;
      font-weight: 600;
      color: var(--futuristic-text);
      margin-bottom: var(--space-16);
    }
    .page-subtitle {
      font-size: 1.125rem;
      color: var(--futuristic-text-muted);
      max-width: 600px;
      margin: 0 auto;
    }

    /* Documentation Layout */
    .docs-container {
      display: grid;
      grid-template-columns: 260px 1fr;
      gap: var(--space-32);
      max-width: 1200px;
      margin: 40px auto 0;
    }
    .docs-sidebar {
      position: sticky;
      top: 140px;
      align-self: start;
      background: var(--futuristic-surface);
      border: 1px solid var(--futuristic-border);
      border-radius: var(--radius-xl);
      padding: var(--space-24);
    }
    .docs-sidebar ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .docs-sidebar li a {
      display: block;
      padding: var(--space-8) var(--space-12);
      color: var(--futuristic-text-muted);
      text-decoration: none;
      border-left: 3px solid transparent;
      transition: all 0.25s ease;
    }
    .docs-sidebar li a:hover {
      color: var(--futuristic-text);
      border-left-color: var(--glow-blue);
      background: rgba(255, 255, 255, 0.03);
    }
    .docs-sidebar li a.active {
      color: var(--glow-blue);
      border-left-color: var(--glow-blue);
      font-weight: 600;
    }

    .docs-content {
      background: var(--futuristic-surface);
      padding: var(--space-32);
      border-radius: var(--radius-xl);
      border: 1px solid var(--futuristic-border);
    }
    .docs-content section {
      margin-bottom: 40px;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--futuristic-border);
    }
    .docs-content section:last-of-type {
      border-bottom: none;
      margin-bottom: 0;
    }
    .docs-content h2 {
      font-size: 1.5rem;
      color: var(--futuristic-text);
      margin-bottom: var(--space-16);
    }
    .docs-content p,
    .docs-content li {
      line-height: 1.7;
      color: var(--futuristic-text-muted);
      margin-bottom: var(--space-16);
    }
    .docs-content ol,
    .docs-content ul {
      padding-left: 20px;
    }
    .docs-content strong {
      color: var(--futuristic-text);
    }
    .back-to-home {
      display: inline-block;
      margin-top: var(--space-24);
      color: var(--glow-blue);
      font-weight: 500;
      text-decoration: none;
    }
    .back-to-home:hover {
      color: var(--glow-purple);
    }
    @media (max-width: 768px) {
      .docs-container {
        grid-template-columns: 1fr;
      }
      .docs-sidebar {
        position: static;
        margin-bottom: var(--space-32);
      }
    }