:root {
  --cc-primary: #0B1F3B;
  --cc-accent: #1E6F8E;
  --cc-muted: #64748B;
}
.cc-gradient {
  background: radial-gradient(1200px circle at 15% 10%, rgba(30,111,142,0.16), transparent 45%),
              radial-gradient(900px circle at 70% 35%, rgba(11,31,59,0.16), transparent 50%),
              linear-gradient(180deg, rgba(248,250,252,1) 0%, rgba(241,245,249,1) 100%);
}
.cc-hero-fallback {
  background: linear-gradient(135deg, rgba(11,31,59,1) 0%, rgba(11,31,59,0.85) 45%, rgba(30,111,142,0.50) 100%);
}
.cc-card { box-shadow: 0 10px 30px rgba(2,6,23,0.06); }
.cc-badge { background: rgba(30,111,142,0.10); color: var(--cc-accent); border: 1px solid rgba(30,111,142,0.20); }
.cc-btn { background: var(--cc-primary); }
.cc-btn:hover { filter: brightness(1.08); }
.cc-btn-secondary { background: rgba(15,23,42,0.05); border: 1px solid rgba(15,23,42,0.10); }
.cc-kpi { background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.98)); border: 1px solid rgba(15,23,42,0.08); }
* { scroll-behavior: smooth; }