:root{
  --bg:#0b1220;
  --surface:#1a2536;
  --text:#e8eefc;
  --fg:#e8eefc;
  --muted:rgba(232,238,252,0.81);

  --brand:#84c049;
  --brand2:#5672f3;
  --primary:#84c049;
  --primary-rgb:132,192,73;

  --border:rgba(232,238,252,0.097);

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  --lh: 1.55;

  --space-1:2px;
  --space-2:3px;
  --space-3:28px;
  --space-4:24px;
  --space-5:44px;

  --radius-1:10px;
  --radius-2:8px;
  --radius-3:25px;

  --card-pad:22px;
  --section-pad-y:30px;

  --shadow-1: 0 7px 28px rgba(0,0,0,0.17);

  /* skin: outline */
  --skin-bg:transparent;
  --skin-blur:0px;
  --skin-glow:0px;
  --skin-glow-c:transparent;
  --skin-bw:1px;
  --skin-bc:rgba(232,238,252,0.097);
  --skin-offset:0px;
  --skin-r:10px;
  --skin-accent:0px;
  --skin-ac:rgba(232,238,252,0.097);
  --skin-shadow:0 0 0 transparent;
  --skin-title:#e8eefc;
  --skin-align:left;
  --skin-btn-bg:transparent;
  --skin-btn-c:#84c049;
}

body{ margin:0; font-family:var(--font); line-height:var(--lh); background:var(--bg); color:var(--text); }
a{ color:inherit; }

:root{--section-gap:41px;--section-gap-dense:14px;--container-w:1017px;}

:root{--hd-height:62px;--hd-position:fixed;}
body{padding-top:62px;}