:root{
  --bg: #0B1220;
  --card: rgba(255,255,255,.90);
  --muted: #64748B;
  --ink: #0F172A;
  --brand1:#2DD4BF;
  --brand2:#3B82F6;
  --ring: rgba(59,130,246,.25);
}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.hero{
  background: radial-gradient(1200px 600px at 15% 0%, rgba(45,212,191,.25), transparent 55%),
              radial-gradient(900px 520px at 85% 10%, rgba(59,130,246,.22), transparent 55%),
              linear-gradient(180deg, #ffffff, #f8fafc);
  border-bottom: 1px solid rgba(2,6,23,.06);
}
.brand-badge{
  background: linear-gradient(135deg, var(--brand1), var(--brand2));
  color:#fff;
  font-weight:700;
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .85rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.card-soft{
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(2,6,23,.06);
}
.news-title{
  letter-spacing: -0.02em;
}
.line-clamp-3{
  display:-webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.btn-brand{
  background: linear-gradient(135deg, var(--brand1), var(--brand2));
  border: 0;
  color: #fff;
  border-radius: 14px;
  padding: .55rem .9rem;
  font-weight: 700;
  box-shadow: 0 12px 20px rgba(59,130,246,.18);
}
.btn-brand:hover{ color:#fff; filter: brightness(0.98); }
.form-control:focus{
  box-shadow: 0 0 0 .25rem var(--ring);
  border-color: rgba(59,130,246,.45);
}
.footer{
  background: #0B1220;
  color: rgba(255,255,255,.82);
}
.footer a{ color: rgba(255,255,255,.9); text-decoration: none; }
.footer a:hover{ text-decoration: underline; }
.kpi{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(2,6,23,.08);
  border-radius: 18px;
}