/* Minimal styling aligned with landing */
:root{
  --border:#262626; --bg:#0b0b0b; --text:#e7e7e7; --text2:#a3a3a3;
  --brand-1:#8b5cf6; --brand-2:#a78bfa; --radius:14px;
}
html,body{ background:var(--bg); color:var(--text); }
.container{ max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
.card{ border:1px solid var(--border); border-radius:16px; background:#0f0f12; }
h1{ font-weight:800; line-height:1.1; font-size: clamp(1.8rem, 1.2rem + 2.2vw, 3rem); }
h2{ margin-top:1.75rem; font-weight:700; font-size:1.1rem; }
p, li{ color:var(--text2); line-height:1.7; }
a{ color: var(--brand-2); }
.btn{ display:inline-block; padding:.85rem 1.1rem; border-radius: var(--radius);
     background: linear-gradient(90deg,var(--brand-1),var(--brand-2)); color:#fff; text-decoration:none; }
.hr{ height:1px; background:linear-gradient(90deg,transparent,rgba(124,58,237,.55),transparent);
     border:0; box-shadow:0 0 18px rgba(124,58,237,.28); margin:1.5rem 0; }
header, footer{ border-bottom:1px solid var(--border); }
footer{ border-top:1px solid var(--border); border-bottom:none; }
ul{ padding-left: 1.15rem; }
small{ color:var(--text2); }
.badge{ display:inline-block; padding:.25rem .6rem; border:1px solid var(--border); border-radius:999px; color:var(--text2); font-size:.8rem; }