@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{
  --bg:#0A0F0A;
  --panel:#131A12;
  --panel-2:color-mix(in srgb, var(--panel) 78%, var(--bg));
  --line:#243321;
  --accent:#9BE60A;
  --accent-2:#22D3EE;
  --radius:8px;
  --text:#F5F8FC;
  --text-2:color-mix(in srgb, var(--text) 58%, var(--bg));
  --prose:color-mix(in srgb, var(--text) 84%, var(--bg));
  --on-accent:#101114;
  --font-head:'Chakra Petch',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hero-grad:linear-gradient(180deg,#ffffff,#c8d4ea);
  --hero-fill:transparent;
  --hero-text-align:center;
  --hero-items:center;
  --hero-sub-margin:0 auto;
  --hero-justify:center;
  --btn-bg:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));
  --btn-shadow:0 12px 30px -10px var(--accent);
  --btn-shadow-hover:0 16px 40px -10px var(--accent);
  --card-bg:linear-gradient(165deg,var(--panel),var(--panel-2));
  --card-border:1px solid var(--line);
  --card-shadow:0 14px 40px -26px rgba(0,0,0,.6);
  --card-shadow-hover:0 22px 54px -26px var(--accent);
  --card-blur:none;
  --icon-bg:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));
  --icon-radius:var(--radius);
  --glow-1:.14;
  --glow-2:.10;
}