/* =========================================================
   KAQ GLOW · gaya seragam "biru gradasi + cahaya"
   Dipakai di semua halaman publik. Dimuat paling akhir.
   - .kaq-panel  : panel biru di belakang deretan kartu putih
   - .kaq-glow   : latar biru bercahaya untuk blok/section gelap
   Untuk mematikan seluruh gaya ini: hapus <link ... kaq-glow.css> di halaman.
   ========================================================= */
:root{
  --kg-grad:linear-gradient(145deg,#3A64A3 0%,#1A3766 42%,#12294C 72%,#0A1628 100%);
  --kg-glow:radial-gradient(520px 380px at 92% -12%,rgba(127,166,224,.55),transparent 70%),
            radial-gradient(420px 320px at -8% 112%,rgba(232,212,154,.20),transparent 70%);
  --kg-shadow:0 30px 60px -30px rgba(10,22,40,.75),0 0 60px -12px rgba(58,100,163,.45);
}
@keyframes kgShift{0%{background-position:0 0,0 0,0 0}50%{background-position:-40px 30px,30px -20px,0 0}100%{background-position:0 0,0 0,0 0}}

/* ---- panel biru di belakang kartu ---- */
.kaq-panel{position:relative;isolation:isolate;background:var(--kg-glow),var(--kg-grad);background-repeat:no-repeat;
  border:1px solid rgba(232,212,154,.22);border-radius:28px;padding:24px;box-shadow:var(--kg-shadow);
  animation:kgShift 14s ease-in-out infinite}
.kaq-panel>*{position:relative}
.kaq-panel>article,.kaq-panel>a,.kaq-panel>div{box-shadow:0 14px 30px -18px rgba(5,12,26,.8)}
@media(max-width:640px){.kaq-panel{padding:14px;border-radius:22px}}

/* ---- blok gelap yang sudah ada: diberi gradasi & cahaya ---- */
.kaq-glow,
.ikuti{background:var(--kg-glow),var(--kg-grad)!important;background-repeat:no-repeat!important;
  box-shadow:var(--kg-shadow);border:1px solid rgba(232,212,154,.22);animation:kgShift 14s ease-in-out infinite}
.ikuti .ik{background:rgba(255,255,255,.08);border-color:rgba(232,212,154,.3)}
.ikuti .ik:hover{box-shadow:0 0 24px -4px rgba(232,212,154,.45)}

/* section gelap selebar layar (beranda: Program) */
.sec--navy,.kaq-sec{background:radial-gradient(700px 420px at 85% -5%,rgba(127,166,224,.38),transparent 70%),
  radial-gradient(600px 400px at 5% 105%,rgba(232,212,154,.12),transparent 70%),
  linear-gradient(160deg,#2A5290 0%,#1A3766 30%,#12294C 65%,#0A1628 100%)!important}

/* hero halaman ruang (murottal, maktabah, faedah, komunitas, toko) */
.hx-shape{background:radial-gradient(520px 420px at 85% 10%,rgba(127,166,224,.45),transparent 70%),
  radial-gradient(420px 340px at 0% 100%,rgba(232,212,154,.16),transparent 70%),
  linear-gradient(150deg,#3A64A3 0%,#1A3766 38%,#12294C 70%,#0A1628 100%)!important}

/* tombol emas & kartu putih mendapat cahaya saat disentuh */
.kaq-panel>a:hover,.kaq-panel>article:hover,.kaq-panel>div:hover{box-shadow:0 0 0 1px rgba(232,212,154,.55),0 0 28px -4px rgba(232,212,154,.5),0 24px 44px -22px rgba(5,12,26,.9)}

@media(prefers-reduced-motion:reduce){.kaq-panel,.kaq-glow,.ikuti{animation:none}}