/*
  ================================================================================
  This code is part of the HacxGPT project.  Repo: hacx-gpt/hacx-gpt.github.io
  Copyright (c) 2025-26 HacxGPT. All Rights Reserved.

  This project is open-source. Please see the 'LICENSE' file in the root
  directory of this repository for the full license terms and conditions
  before copying, modifying, or distributing this code.
  ================================================================================
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Press+Start+2P&display=swap");:root{--brand-primary:#22d3ee;--neutral-0:#0a0a0a;--neutral-1:#121212;--neutral-2:#1a1a1a;--text-1:#f5f5f5;--text-2:#a3a3a3;--radius:12px}.footer-top .social-icons a{text-decoration:none}.pixel{font-family:"Press Start 2P",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:0.5px}.pixel-sm{font-size:0.75rem}.pixel-md{font-size:0.9rem}.pixel-lg{font-size:1.1rem}.brand-badge{display:inline-block;padding:4px 10px;border-radius:9999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);color:var(--text-1)}.nav-spacer{height:88px}.section{max-width:900px;margin:0 auto;padding:32px 24px}.section h1,.section h2,.section h3{font-weight:700;color:var(--text-1)}.section p{color:var(--text-2);line-height:1.7}.section ul,.section ol{margin:10px 0 0 18px;padding-left:10px;line-height:1.8}.section ul li,.section ol li{margin:4px 0;color:var(--text-2)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{border:1px solid rgba(255,255,255,0.1);background:var(--neutral-1);border-radius:var(--radius);padding:16px}.card hr{border:none;border-top:1px solid rgba(255,255,255,0.08);margin:10px 0 14px}.card h4{margin-bottom:6px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:10px;padding:10px 14px;border:1px solid rgba(255,255,255,0.12);transition:background-color .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:var(--brand-primary);color:#000;border-color:rgba(0,0,0,0.1)}.btn-outline{background:transparent;color:var(--text-1)}.btn:hover{background:rgba(255,255,255,0.08);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.code{margin:16px 0;border:1px solid rgba(255,255,255,0.1);border-radius:10px;overflow:hidden}.pricing-price{display:flex;align-items:baseline;gap:8px;margin:8px 0 10px}.pricing-price .amount{font-size:1.9rem;font-weight:800;color:var(--text-1)}.pricing-price .per{color:var(--text-2);font-size:0.9rem}.badge-popular{display:inline-block;font-size:0.7rem;padding:3px 8px;border-radius:9999px;background:rgba(34,211,238,0.15);border:1px solid rgba(34,211,238,0.35);color:var(--text-1);margin-bottom:8px}.steps-list{counter-reset:stepCounter;list-style:none;margin-left:0;padding-left:0}.steps-list li{counter-increment:stepCounter;position:relative;padding-left:36px;margin:10px 0}.steps-list li::before{content:counter(stepCounter);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:9999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-1)}