:root{
  /* Tukar ikut identiti korporat JTM/ADTEC */
  --brand: #0B5ED7;        /* biru utama */
  --brand-2: #198754;      /* hijau sokongan */
  --brand-dark:#0A2A66;
  --surface:#ffffff;
  --bg:#f6f8fc;
  --border: rgba(0,0,0,.08);
  --text: #1f2937;
  --muted: rgba(31,41,55,.70);
  --radius: 16px;
}

body{ background: var(--bg); color: var(--text); }

.sc-shell{ max-width: 1140px; }
.sc-card{
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  background: var(--surface);
}
.sc-hero{
  background: radial-gradient(1200px 600px at 15% 0%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, color-mix(in srgb, var(--brand-2) 18%, transparent), transparent 55%),
              linear-gradient(180deg, #ffffff, #f6f8fc);
}
.sc-brandbar{
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.sc-brand-title{ letter-spacing:.2px; }
.sc-muted{ color: var(--muted); }

.btn-primary{
  background: var(--brand);
  border-color: var(--brand);
}
.btn-primary:hover{ filter: brightness(.95); }

.btn-success{
  background: var(--brand-2);
  border-color: var(--brand-2);
}

a{ color: var(--brand); }