:root{
  --gpp-color-bg:#07080c;
  --gpp-color-surface:#111319;
  --gpp-color-surface-2:#181b22;
  --gpp-color-primary:#ed1737;
  --gpp-color-text:#ffffff;
  --gpp-color-muted:#969ca7;
  --gpp-color-border:rgba(255,255,255,.09);
  --gpp-radius-sm:8px;
  --gpp-radius-md:12px;
  --gpp-radius-lg:18px;
  --gpp-shadow:0 18px 60px rgba(0,0,0,.24);
  --gpp-space-1:4px;
  --gpp-space-2:8px;
  --gpp-space-3:12px;
  --gpp-space-4:16px;
  --gpp-space-5:24px;
  --gpp-space-6:32px;
}
.gpp-ui-card{border:1px solid var(--gpp-color-border);border-radius:var(--gpp-radius-lg);background:var(--gpp-color-surface);box-shadow:var(--gpp-shadow)}
.gpp-ui-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:var(--gpp-radius-md);background:var(--gpp-color-primary);color:#fff;font-weight:800;text-decoration:none}
.gpp-ui-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(237,23,55,.12);color:#ff7187;font-size:10px;font-weight:900}