*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --orange: #FF6B00; --orange-light: #FF9A3C; --pink: #EC4899;
      --dark: #0A0A0F; --dark-2: #12121A; --dark-3: #1A1A28;
      --text: #F8F8FF; --text-muted: #9CA3AF;
    }
    html { overflow-x: hidden; }
    body { font-family: 'Inter', sans-serif; background: var(--dark); color: var(--text); line-height: 1.7; }

    nav {
      position: sticky; top: 0; z-index: 100;
      padding: 16px 24px;
      background: rgba(10,10,15,.95); backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255,255,255,.06);
    }
    .nav-inner { max-width: 860px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
    .nav-logo {
      font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 1.1rem;
      background: linear-gradient(135deg, var(--orange), var(--pink));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      text-decoration: none;
    }
    .nav-back {
      color: var(--text-muted); font-size: .875rem; text-decoration: none;
      display: flex; align-items: center; gap: 6px; transition: color .2s;
    }
    .nav-back:hover { color: var(--text); }

    .page-wrap { max-width: 860px; margin: 0 auto; padding: 64px 24px 96px; }

    .page-header { margin-bottom: 48px; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,.07); }
    .page-header h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 700; margin-bottom: 12px; }
    .page-header p { color: var(--text-muted); font-size: .9rem; }

    h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.15rem; font-weight: 700; color: var(--orange-light); margin: 40px 0 12px; }
    p { color: var(--text-muted); margin-bottom: 14px; font-size: .95rem; }
    ul { color: var(--text-muted); font-size: .95rem; padding-left: 20px; margin-bottom: 14px; display: flex; flex-direction: column; gap: 6px; }
    li { line-height: 1.6; }
    strong { color: var(--text); font-weight: 600; }
    a { color: var(--orange-light); text-decoration: none; }
    a:hover { text-decoration: underline; }

    .highlight-box {
      background: var(--dark-2); border: 1px solid rgba(255,255,255,.07);
      border-radius: 12px; padding: 20px 24px; margin: 24px 0;
    }
    .highlight-box p { margin: 0; }

    footer { border-top: 1px solid rgba(255,255,255,.06); padding: 32px 24px; text-align: center; }
    footer p { color: var(--text-muted); font-size: .8rem; }

    @media (max-width: 480px) {
      .page-wrap { padding: 40px 16px 72px; }
      h2 { margin-top: 32px; }
    }