:root{
  --bg:#f6f8fb; --card:#fff; --text:#111827; --muted:#6b7280;
  --line:rgba(17,24,39,.10); --brand:#2563eb;
  --shadow:0 10px 30px rgba(17,24,39,.10); --radius:18px;
}
html,body{height:100%}
body{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(37,99,235,.12), transparent 60%),
              radial-gradient(900px 500px at 90% 20%, rgba(34,197,94,.10), transparent 60%),
              var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.cardx{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);}
.brand-dot{width:10px;height:10px;border-radius:999px;background:var(--brand);display:inline-block}
.topbar{border-bottom:1px solid var(--line); background:rgba(255,255,255,.70); backdrop-filter:blur(10px);}
.small-muted{color:var(--muted);font-size:.92rem}
.btn-brand{background:var(--brand); border-color:var(--brand);}
.btn-brand:hover{filter:brightness(.95)}