:root{
  --ux-bg:#05050f;
  --ux-surface:#0d0d1e;
  --ux-card:rgba(255,255,255,0.04);
  --ux-border:rgba(255,255,255,0.08);
  --ux-border2:rgba(255,255,255,0.15);
  --ux-text:#f0f0ff;
  --ux-muted:#7070a0;
  --ux-purple:#8b5cf6;
  --ux-blue:#3b82f6;
  --ux-green:#10d98a;
}

.u-muted{color:var(--ux-muted)}
.u-card{background:var(--ux-card);border:1px solid var(--ux-border);border-radius:16px}
.u-pill{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid var(--ux-border);font-size:12px;color:var(--ux-muted)}
.u-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;border:none;cursor:pointer}
.u-btn-primary{background:linear-gradient(135deg,var(--ux-purple),var(--ux-blue));color:#fff}
.u-btn-ghost{background:transparent;color:var(--ux-text);border:1px solid var(--ux-border2)}
.u-btn-success{background:linear-gradient(135deg,var(--ux-green),#059669);color:#fff}
.u-icon-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--ux-border)}