/* =========================================================
   PREMIUM MULTICOLOR UI LAYER
   Visual-only enhancement. No application logic changes.
   ========================================================= */
:root{
  --mc-blue:#2563eb; --mc-blue-soft:#eef5ff; --mc-blue-line:#93c5fd;
  --mc-teal:#0f766e; --mc-teal-soft:#effcf8; --mc-teal-line:#5eead4;
  --mc-purple:#7c3aed; --mc-purple-soft:#f7f2ff; --mc-purple-line:#c4b5fd;
  --mc-gold:#d97706; --mc-gold-soft:#fff8eb; --mc-gold-line:#fcd34d;
  --mc-green:#16a34a; --mc-green-soft:#f0fbf3; --mc-green-line:#86efac;
  --mc-coral:#e85d4a; --mc-coral-soft:#fff4f1; --mc-coral-line:#fda4af;
  --mc-cyan:#0891b2; --mc-cyan-soft:#eefbff; --mc-cyan-line:#67e8f9;
  --mc-indigo:#4f46e5; --mc-indigo-soft:#f2f2ff; --mc-indigo-line:#a5b4fc;
  --mc-shadow:0 12px 30px rgba(15,39,64,.07);
  --mc-shadow-hover:0 20px 46px rgba(15,39,64,.12);
}

/* ---------- richer page canvas ---------- */
body{
  background:
    radial-gradient(circle at 7% 7%,rgba(37,99,235,.045),transparent 22%),
    radial-gradient(circle at 94% 10%,rgba(15,118,110,.04),transparent 22%),
    radial-gradient(circle at 82% 72%,rgba(124,58,237,.025),transparent 22%),
    #f5f8fc;
}
.main-content{
  background:
    linear-gradient(180deg,rgba(248,251,255,.96),rgba(245,249,252,.98) 48%,rgba(249,252,254,.98));
}

/* ---------- universal premium card language ---------- */
:where(
  .panel,.kpi,.module-card,.school-card,.facility-card,.facility-row-card,
  .completion-kpi,.snapshot-card,.month-kpi,.coord-kpi,.coord-panel,
  .download-card,.gallery-card,.doc-admin-card,.gallery-admin-card,
  .task-group,.my-task-card,.hm-module,.hm-task-card,.hm-month-card,
  .collect-card,.collect-hm-card,.directory-card,.resource-card,.practice-card,
  .event-card,.contact-card,.help-card,.admin-item
){
  position:relative;
  overflow:hidden;
  border-color:#dce6ee !important;
  box-shadow:var(--mc-shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
:where(
  .panel,.kpi,.module-card,.school-card,.facility-card,.facility-row-card,
  .completion-kpi,.snapshot-card,.month-kpi,.coord-kpi,.coord-panel,
  .download-card,.gallery-card,.doc-admin-card,.gallery-admin-card,
  .task-group,.my-task-card,.hm-module,.hm-task-card,.hm-month-card,
  .collect-card,.collect-hm-card,.directory-card,.resource-card,.practice-card,
  .event-card,.contact-card,.help-card,.admin-item
):hover{
  transform:translateY(-3px);
  box-shadow:var(--mc-shadow-hover);
}

/* ---------- homepage hero: closer to premium mockup ---------- */
.home-hero{
  background:
    radial-gradient(circle at 13% 18%,rgba(59,130,246,.32),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(45,212,191,.25),transparent 28%),
    radial-gradient(circle at 65% 100%,rgba(124,58,237,.12),transparent 28%),
    linear-gradient(135deg,#071d34 0%,#103b5b 47%,#0c6f68 100%) !important;
}
.home-hero:before{
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:0 0 0 54px rgba(255,255,255,.03),0 0 0 108px rgba(255,255,255,.018)!important;
}
.home-hero h1 span{
  background:linear-gradient(90deg,#fff 0%,#dbeafe 38%,#ccfbf1 70%,#fef3c7 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.home-hero-card{
  background:
    radial-gradient(circle at 90% 12%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.075)) !important;
  border-color:rgba(255,255,255,.2)!important;
}
.home-hero-card .mini-stat-grid div{
  position:relative;overflow:hidden;
  background:rgba(255,255,255,.09)!important;
}
.home-hero-card .mini-stat-grid div:nth-child(1){box-shadow:inset 0 -3px 0 #60a5fa}
.home-hero-card .mini-stat-grid div:nth-child(2){box-shadow:inset 0 -3px 0 #2dd4bf}
.home-hero-card .mini-stat-grid div:nth-child(3){box-shadow:inset 0 -3px 0 #c4b5fd}
.home-hero-card .mini-stat-grid div:nth-child(4){box-shadow:inset 0 -3px 0 #fbbf24}

/* ---------- home feature strip ---------- */
.home-strip-item:nth-child(1){background:linear-gradient(135deg,#fff,var(--mc-blue-soft))}
.home-strip-item:nth-child(2){background:linear-gradient(135deg,#fff,var(--mc-teal-soft))}
.home-strip-item:nth-child(3){background:linear-gradient(135deg,#fff,var(--mc-purple-soft))}
.home-strip-item:nth-child(1) .home-strip-icon{background:linear-gradient(135deg,#dbeafe,#eff6ff);box-shadow:inset 0 0 0 1px #bfdbfe}
.home-strip-item:nth-child(2) .home-strip-icon{background:linear-gradient(135deg,#ccfbf1,#f0fdfa);box-shadow:inset 0 0 0 1px #99f6e4}
.home-strip-item:nth-child(3) .home-strip-icon{background:linear-gradient(135deg,#ede9fe,#faf5ff);box-shadow:inset 0 0 0 1px #ddd6fe}

/* ---------- coordinator identity card ---------- */
.coordinator-card{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 92% 10%,rgba(124,58,237,.07),transparent 25%),
    radial-gradient(circle at 8% 90%,rgba(15,118,110,.065),transparent 25%),
    linear-gradient(135deg,#ffffff 0%,#f4f8ff 52%,#f0fdfa 100%) !important;
  border:1px solid #d8e6ed !important;
  box-shadow:0 18px 44px rgba(15,39,64,.09) !important;
}
.coordinator-card:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(#2563eb,#0f766e,#7c3aed,#f59e0b);
}
.coordinator-photo-wrap{box-shadow:0 12px 28px rgba(37,99,235,.12)}
.coordinator-kicker{color:#1d4ed8!important}
.coordinator-meta span:nth-child(1){background:var(--mc-blue-soft);border-color:#bfdbfe;color:#1d4ed8}
.coordinator-meta span:nth-child(2){background:var(--mc-teal-soft);border-color:#99f6e4;color:#0f766e}

/* ---------- homepage purpose cards ---------- */
.home-purpose-card:nth-child(1){
  background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;
  border-color:#cfe0ff!important;
}
.home-purpose-card:nth-child(2){
  background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;
  border-color:#c9eee5!important;
}
.home-purpose-card:nth-child(3){
  background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;
  border-color:#e1d6ff!important;
}
.home-purpose-card:nth-child(1) .home-purpose-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.home-purpose-card:nth-child(2) .home-purpose-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4)}
.home-purpose-card:nth-child(3) .home-purpose-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
.home-values-strip span:nth-child(6n+1){background:var(--mc-blue-soft);border-color:#cfe0ff;color:#1d4ed8}
.home-values-strip span:nth-child(6n+2){background:var(--mc-teal-soft);border-color:#c9eee5;color:#0f766e}
.home-values-strip span:nth-child(6n+3){background:var(--mc-purple-soft);border-color:#e1d6ff;color:#7c3aed}
.home-values-strip span:nth-child(6n+4){background:var(--mc-gold-soft);border-color:#fde3a7;color:#b45309}
.home-values-strip span:nth-child(6n+5){background:var(--mc-green-soft);border-color:#ccebd5;color:#15803d}
.home-values-strip span:nth-child(6n+6){background:var(--mc-cyan-soft);border-color:#c8edf4;color:#0e7490}

/* ---------- homepage service cards ---------- */
.home-service-card{
  border-top-width:0!important;
  border-left:5px solid transparent!important;
  box-shadow:0 10px 28px rgba(15,39,64,.06)!important;
}
.home-service-card.blue{background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;border-left-color:var(--mc-blue)!important}
.home-service-card.teal{background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;border-left-color:var(--mc-teal)!important}
.home-service-card.purple{background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;border-left-color:var(--mc-purple)!important}
.home-service-card.gold{background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-left-color:var(--mc-gold)!important}
.home-service-card.cyan{background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important;border-left-color:var(--mc-cyan)!important}
.home-service-card.rose{background:linear-gradient(145deg,#fff,var(--mc-coral-soft))!important;border-left-color:var(--mc-coral)!important}
.home-service-card.blue .home-service-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.home-service-card.teal .home-service-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4)}
.home-service-card.purple .home-service-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
.home-service-card.gold .home-service-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}
.home-service-card.cyan .home-service-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc)}
.home-service-card.rose .home-service-icon{background:linear-gradient(135deg,#ffe4e6,#fecdd3)}

/* ---------- new five center service cards ---------- */
.home-extension-card.ext-indigo{background:linear-gradient(145deg,#fff,var(--mc-indigo-soft))!important;border-color:#d9dbff!important}
.home-extension-card.ext-blue{background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;border-color:#cfe0ff!important}
.home-extension-card.ext-cyan{background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important;border-color:#c8edf4!important}
.home-extension-card.ext-gold{background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-color:#fde3a7!important}
.home-extension-card.ext-green{background:linear-gradient(145deg,#fff,var(--mc-green-soft))!important;border-color:#ccebd5!important}
.home-extension-card.ext-indigo>span{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}
.home-extension-card.ext-blue>span{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.home-extension-card.ext-cyan>span{background:linear-gradient(135deg,#cffafe,#a5f3fc)}
.home-extension-card.ext-gold>span{background:linear-gradient(135deg,#fef3c7,#fde68a)}
.home-extension-card.ext-green>span{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}
.home-preview-panel:nth-child(1){background:linear-gradient(145deg,#fff,var(--mc-indigo-soft))!important;border-color:#d9dbff!important}
.home-preview-panel:nth-child(2){background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-color:#fde3a7!important}

/* ---------- workflow four-color cards ---------- */
.home-workflow-steps article:nth-child(1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft));border-color:#cfe0ff}
.home-workflow-steps article:nth-child(2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft));border-color:#c9eee5}
.home-workflow-steps article:nth-child(3){background:linear-gradient(145deg,#fff,var(--mc-gold-soft));border-color:#fde3a7}
.home-workflow-steps article:nth-child(4){background:linear-gradient(145deg,#fff,var(--mc-purple-soft));border-color:#e1d6ff}
.home-workflow-steps article:nth-child(1)>span{background:linear-gradient(135deg,#2563eb,#60a5fa)}
.home-workflow-steps article:nth-child(2)>span{background:linear-gradient(135deg,#0f766e,#2dd4bf)}
.home-workflow-steps article:nth-child(3)>span{background:linear-gradient(135deg,#d97706,#fbbf24)}
.home-workflow-steps article:nth-child(4)>span{background:linear-gradient(135deg,#7c3aed,#a78bfa)}

/* ---------- live KPI cards: clear multicolor cards ---------- */
.home-kpi:nth-child(1){
  background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;
  border-color:#cfe0ff!important;
}
.home-kpi:nth-child(2){
  background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;
  border-color:#c9eee5!important;
}
.home-kpi:nth-child(3){
  background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;
  border-color:#e1d6ff!important;
}
.home-kpi:nth-child(4){
  background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;
  border-color:#fde3a7!important;
}
.home-kpi:nth-child(1) .kpi-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}
.home-kpi:nth-child(2) .kpi-icon{background:linear-gradient(135deg,#ccfbf1,#99f6e4)!important}
.home-kpi:nth-child(3) .kpi-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)!important}
.home-kpi:nth-child(4) .kpi-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)!important}

/* ---------- charts ---------- */
.home-chart-card:nth-child(1){
  background:linear-gradient(145deg,#fff,#f4f8ff)!important;
  border-top:4px solid var(--mc-blue)!important;
}
.home-chart-card:nth-child(2){
  background:linear-gradient(145deg,#fff,#f4fbf8)!important;
  border-top:4px solid var(--mc-teal)!important;
}

/* ---------- downloads: rotate colors ---------- */
.home-download-card:nth-child(6n+1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft));border-left-color:var(--mc-blue)!important}
.home-download-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft));border-left-color:var(--mc-teal)!important}
.home-download-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft));border-left-color:var(--mc-purple)!important}
.home-download-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft));border-left-color:var(--mc-gold)!important}
.home-download-card:nth-child(6n+5){background:linear-gradient(145deg,#fff,var(--mc-green-soft));border-left-color:var(--mc-green)!important}
.home-download-card:nth-child(6n+6){background:linear-gradient(145deg,#fff,var(--mc-cyan-soft));border-left-color:var(--mc-cyan)!important}

/* ---------- infrastructure cards ---------- */
.home-facility-card:nth-child(6n+1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft));border-color:#cfe0ff}
.home-facility-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft));border-color:#c9eee5}
.home-facility-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft));border-color:#e1d6ff}
.home-facility-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft));border-color:#fde3a7}
.home-facility-card:nth-child(6n+5){background:linear-gradient(145deg,#fff,var(--mc-green-soft));border-color:#ccebd5}
.home-facility-card:nth-child(6n+6){background:linear-gradient(145deg,#fff,var(--mc-cyan-soft));border-color:#c8edf4}
.home-facility-card:nth-child(6n+1) .progress i{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.home-facility-card:nth-child(6n+2) .progress i{background:linear-gradient(90deg,#0f766e,#2dd4bf)}
.home-facility-card:nth-child(6n+3) .progress i{background:linear-gradient(90deg,#7c3aed,#a78bfa)}
.home-facility-card:nth-child(6n+4) .progress i{background:linear-gradient(90deg,#d97706,#fbbf24)}
.home-facility-card:nth-child(6n+5) .progress i{background:linear-gradient(90deg,#16a34a,#4ade80)}
.home-facility-card:nth-child(6n+6) .progress i{background:linear-gradient(90deg,#0891b2,#22d3ee)}

/* ---------- school directory cards on home ---------- */
.home-school-card:nth-child(6n+1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;border-top-color:var(--mc-blue)!important}
.home-school-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;border-top-color:var(--mc-teal)!important}
.home-school-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;border-top-color:var(--mc-purple)!important}
.home-school-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-top-color:var(--mc-gold)!important}
.home-school-card:nth-child(6n+5){background:linear-gradient(145deg,#fff,var(--mc-green-soft))!important;border-top-color:var(--mc-green)!important}
.home-school-card:nth-child(6n+6){background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important;border-top-color:var(--mc-cyan)!important}
.home-school-card:nth-child(6n+1) .school-index{background:#dbeafe;color:#1d4ed8}
.home-school-card:nth-child(6n+2) .school-index{background:#ccfbf1;color:#0f766e}
.home-school-card:nth-child(6n+3) .school-index{background:#ede9fe;color:#7c3aed}
.home-school-card:nth-child(6n+4) .school-index{background:#fef3c7;color:#b45309}
.home-school-card:nth-child(6n+5) .school-index{background:#dcfce7;color:#15803d}
.home-school-card:nth-child(6n+6) .school-index{background:#cffafe;color:#0e7490}

/* ---------- generic cards across rest of portal ---------- */
.module-card:nth-child(6n+1),.hm-module:nth-child(6n+1),.completion-kpi:nth-child(6n+1),.snapshot-card:nth-child(6n+1),.month-kpi:nth-child(6n+1),.directory-card:nth-child(6n+1),.resource-card:nth-child(6n+1),.practice-card:nth-child(6n+1),.event-card:nth-child(6n+1),.admin-item:nth-child(6n+1){
  background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;border-color:#cfe0ff!important;
}
.module-card:nth-child(6n+2),.hm-module:nth-child(6n+2),.completion-kpi:nth-child(6n+2),.snapshot-card:nth-child(6n+2),.month-kpi:nth-child(6n+2),.directory-card:nth-child(6n+2),.resource-card:nth-child(6n+2),.practice-card:nth-child(6n+2),.event-card:nth-child(6n+2),.admin-item:nth-child(6n+2){
  background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;border-color:#c9eee5!important;
}
.module-card:nth-child(6n+3),.hm-module:nth-child(6n+3),.completion-kpi:nth-child(6n+3),.snapshot-card:nth-child(6n+3),.month-kpi:nth-child(6n+3),.directory-card:nth-child(6n+3),.resource-card:nth-child(6n+3),.practice-card:nth-child(6n+3),.event-card:nth-child(6n+3),.admin-item:nth-child(6n+3){
  background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;border-color:#e1d6ff!important;
}
.module-card:nth-child(6n+4),.hm-module:nth-child(6n+4),.completion-kpi:nth-child(6n+4),.snapshot-card:nth-child(6n+4),.month-kpi:nth-child(6n+4),.directory-card:nth-child(6n+4),.resource-card:nth-child(6n+4),.practice-card:nth-child(6n+4),.event-card:nth-child(6n+4),.admin-item:nth-child(6n+4){
  background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-color:#fde3a7!important;
}
.module-card:nth-child(6n+5),.hm-module:nth-child(6n+5),.completion-kpi:nth-child(6n+5),.snapshot-card:nth-child(6n+5),.month-kpi:nth-child(6n+5),.directory-card:nth-child(6n+5),.resource-card:nth-child(6n+5),.practice-card:nth-child(6n+5),.event-card:nth-child(6n+5),.admin-item:nth-child(6n+5){
  background:linear-gradient(145deg,#fff,var(--mc-green-soft))!important;border-color:#ccebd5!important;
}
.module-card:nth-child(6n),.hm-module:nth-child(6n),.completion-kpi:nth-child(6n),.snapshot-card:nth-child(6n),.month-kpi:nth-child(6n),.directory-card:nth-child(6n),.resource-card:nth-child(6n),.practice-card:nth-child(6n),.event-card:nth-child(6n),.admin-item:nth-child(6n){
  background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important;border-color:#c8edf4!important;
}

/* ---------- coordinator dashboard cards ---------- */
.coord-kpi:nth-child(1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important;border-color:#cfe0ff!important}
.coord-kpi:nth-child(2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important;border-color:#c9eee5!important}
.coord-kpi:nth-child(3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important;border-color:#e1d6ff!important}
.coord-kpi:nth-child(4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important;border-color:#fde3a7!important}
.coord-panel:nth-of-type(4n+1){background:linear-gradient(145deg,#fff,#f4f8ff)!important;border-top:4px solid var(--mc-blue)!important}
.coord-panel:nth-of-type(4n+2){background:linear-gradient(145deg,#fff,#f2fcf8)!important;border-top:4px solid var(--mc-teal)!important}
.coord-panel:nth-of-type(4n+3){background:linear-gradient(145deg,#fff,#faf6ff)!important;border-top:4px solid var(--mc-purple)!important}
.coord-panel:nth-of-type(4n){background:linear-gradient(145deg,#fff,#fff9ef)!important;border-top:4px solid var(--mc-gold)!important}

/* ---------- management / collection cards ---------- */
.collect-card:nth-child(6n+1),.collect-hm-card:nth-child(6n+1),.task-group:nth-child(6n+1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important}
.collect-card:nth-child(6n+2),.collect-hm-card:nth-child(6n+2),.task-group:nth-child(6n+2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important}
.collect-card:nth-child(6n+3),.collect-hm-card:nth-child(6n+3),.task-group:nth-child(6n+3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important}
.collect-card:nth-child(6n+4),.collect-hm-card:nth-child(6n+4),.task-group:nth-child(6n+4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important}
.collect-card:nth-child(6n+5),.collect-hm-card:nth-child(6n+5),.task-group:nth-child(6n+5){background:linear-gradient(145deg,#fff,var(--mc-green-soft))!important}
.collect-card:nth-child(6n),.collect-hm-card:nth-child(6n),.task-group:nth-child(6n){background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important}

/* ---------- downloads & admin cards ---------- */
.download-card:nth-child(6n+1),.doc-admin-card:nth-child(6n+1),.gallery-admin-card:nth-child(6n+1){background:linear-gradient(145deg,#fff,var(--mc-blue-soft))!important}
.download-card:nth-child(6n+2),.doc-admin-card:nth-child(6n+2),.gallery-admin-card:nth-child(6n+2){background:linear-gradient(145deg,#fff,var(--mc-teal-soft))!important}
.download-card:nth-child(6n+3),.doc-admin-card:nth-child(6n+3),.gallery-admin-card:nth-child(6n+3){background:linear-gradient(145deg,#fff,var(--mc-purple-soft))!important}
.download-card:nth-child(6n+4),.doc-admin-card:nth-child(6n+4),.gallery-admin-card:nth-child(6n+4){background:linear-gradient(145deg,#fff,var(--mc-gold-soft))!important}
.download-card:nth-child(6n+5),.doc-admin-card:nth-child(6n+5),.gallery-admin-card:nth-child(6n+5){background:linear-gradient(145deg,#fff,var(--mc-green-soft))!important}
.download-card:nth-child(6n),.doc-admin-card:nth-child(6n),.gallery-admin-card:nth-child(6n){background:linear-gradient(145deg,#fff,var(--mc-cyan-soft))!important}

/* ---------- premium quick links ---------- */
.home-quicklinks a:nth-child(6n+1){background:var(--mc-blue-soft);border-color:#cfe0ff;color:#1d4ed8}
.home-quicklinks a:nth-child(6n+2){background:var(--mc-teal-soft);border-color:#c9eee5;color:#0f766e}
.home-quicklinks a:nth-child(6n+3){background:var(--mc-purple-soft);border-color:#e1d6ff;color:#7c3aed}
.home-quicklinks a:nth-child(6n+4){background:var(--mc-gold-soft);border-color:#fde3a7;color:#b45309}
.home-quicklinks a:nth-child(6n+5){background:var(--mc-green-soft);border-color:#ccebd5;color:#15803d}
.home-quicklinks a:nth-child(6n){background:var(--mc-cyan-soft);border-color:#c8edf4;color:#0e7490}

/* ---------- gallery tint & focus ---------- */
.home-gallery-card:nth-child(6n+1){box-shadow:0 12px 30px rgba(37,99,235,.12)}
.home-gallery-card:nth-child(6n+2){box-shadow:0 12px 30px rgba(15,118,110,.12)}
.home-gallery-card:nth-child(6n+3){box-shadow:0 12px 30px rgba(124,58,237,.12)}
.home-gallery-card:nth-child(6n+4){box-shadow:0 12px 30px rgba(217,119,6,.12)}
.home-gallery-card:nth-child(6n+5){box-shadow:0 12px 30px rgba(22,163,74,.12)}
.home-gallery-card:nth-child(6n){box-shadow:0 12px 30px rgba(8,145,178,.12)}

/* ---------- section rhythm ---------- */
.home-page>.section:nth-of-type(4n+1){background:linear-gradient(180deg,#fff,#f8fbff)}
.home-page>.section:nth-of-type(4n+2){background:linear-gradient(180deg,#f8fcfb,#f2faf7)}
.home-page>.section:nth-of-type(4n+3){background:linear-gradient(180deg,#fbf9ff,#f7f4ff)}
.home-page>.section:nth-of-type(4n){background:linear-gradient(180deg,#fffcf6,#fff9ef)}

/* ---------- decorative section headings ---------- */
.home-page .section-head h2{
  position:relative;
}
.home-page .section-head h2:after{
  content:"";display:block;width:58px;height:3px;margin-top:9px;border-radius:99px;
  background:linear-gradient(90deg,#2563eb,#0f766e,#f59e0b,#7c3aed);
}

/* ---------- responsive ---------- */
@media(max-width:760px){
  :where(.panel,.kpi,.module-card,.school-card,.facility-card,.completion-kpi,.snapshot-card,.month-kpi,.coord-kpi,.coord-panel,.download-card,.task-group,.collect-card,.directory-card,.resource-card,.practice-card,.event-card){
    transform:none!important;
  }
  .home-page .section-head h2:after{width:46px}
}
@media(prefers-reduced-motion:reduce){
  :where(.panel,.kpi,.module-card,.school-card,.facility-card,.completion-kpi,.snapshot-card,.month-kpi,.coord-kpi,.coord-panel,.download-card,.task-group,.collect-card,.directory-card,.resource-card,.practice-card,.event-card){transition:none}
}


/* =========================================================
   HOME HERO — EXECUTIVE REFINEMENT
   Scoped only to the red-marked homepage hero area.
   ========================================================= */
.home-hero{
  min-height:auto;
  padding:64px 0 58px !important;
  background:
    radial-gradient(circle at 9% 20%,rgba(59,130,246,.34),transparent 29%),
    radial-gradient(circle at 84% 14%,rgba(45,212,191,.26),transparent 27%),
    radial-gradient(circle at 66% 105%,rgba(124,58,237,.12),transparent 28%),
    linear-gradient(132deg,#071c33 0%,#0e3554 46%,#0d716c 100%) !important;
}
.home-hero:after{
  width:280px!important;
  height:280px!important;
  left:-115px!important;
  bottom:-190px!important;
  background:radial-gradient(circle,rgba(96,165,250,.10),rgba(255,255,255,.02) 55%,transparent 70%)!important;
}
.home-hero .hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr) !important;
  gap:46px !important;
  align-items:center !important;
}
.home-hero .hero-grid>div:first-child{
  max-width:720px;
  padding:4px 0;
}
.home-eyebrow{
  padding:7px 11px !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  letter-spacing:.035em !important;
  color:#eef8ff !important;
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.065)) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.07);
}
.home-eyebrow .live-dot{
  width:7px!important;height:7px!important;
  background:#4ade80!important;
  box-shadow:0 0 0 4px rgba(74,222,128,.14),0 0 14px rgba(74,222,128,.26)!important;
}
.home-hero h1{
  max-width:690px !important;
  margin:17px 0 14px !important;
  font-size:clamp(39px,4.1vw,54px) !important;
  line-height:1.13 !important;
  letter-spacing:-.025em !important;
  font-weight:800 !important;
  text-wrap:balance;
}
.home-hero h1 span{
  display:block;
  margin-bottom:2px;
  background:linear-gradient(90deg,#ffffff 0%,#e0efff 40%,#c8fff0 76%,#fff2c8 100%) !important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.home-hero .hero-copy{
  max-width:650px !important;
  margin:0 !important;
  font-size:14.5px !important;
  line-height:1.8 !important;
  color:#d7e7ef !important;
  font-weight:500;
}
.home-hero .hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:23px !important;
}
.home-hero .btn{
  min-height:44px !important;
  padding:10px 17px !important;
  border-radius:12px !important;
  font-size:12px !important;
  font-weight:850 !important;
}
.home-hero .btn-light{
  color:#12324d !important;
  background:linear-gradient(180deg,#ffffff,#f2f8ff) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 11px 25px rgba(1,16,31,.18) !important;
}
.home-hero .btn-light:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(1,16,31,.24) !important;
}
.home-hero .btn-ghost{
  color:#eef8ff !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.home-hero .btn-ghost:hover{
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.38) !important;
  transform:translateY(-2px);
}
.hero-trust{
  gap:7px !important;
  margin-top:17px !important;
}
.hero-trust span{
  min-height:29px;
  padding:6px 9px !important;
  font-size:9.5px !important;
  font-weight:750 !important;
  color:#e6f2f7 !important;
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.105) !important;
}

/* Right-side live data glass panel */
.home-hero-card{
  width:100%;
  max-width:500px;
  justify-self:end;
  padding:22px !important;
  border-radius:24px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.145),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(255,255,255,.19) !important;
  box-shadow:
    0 28px 62px rgba(1,16,31,.25),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  backdrop-filter:blur(15px);
}
.home-hero-card:after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-80px;top:-95px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 35px rgba(255,255,255,.015);
  pointer-events:none;
}
.hero-card-head{
  margin-bottom:14px !important;
}
.hero-card-head strong{
  color:#fff !important;
  font-size:15px !important;
  font-weight:850 !important;
}
.hero-card-head span{
  padding:5px 8px !important;
  font-size:8.5px !important;
  color:#d1fae5 !important;
  background:rgba(34,197,94,.13) !important;
  border:1px solid rgba(134,239,172,.15);
  letter-spacing:.04em;
}
.home-hero-card .mini-stat-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}
.home-hero-card .mini-stat-grid div{
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px 16px !important;
  border-radius:15px !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.home-hero-card .mini-stat-grid div:nth-child(1){
  background:linear-gradient(145deg,rgba(37,99,235,.23),rgba(96,165,250,.10)) !important;
  border-bottom:3px solid #60a5fa !important;
}
.home-hero-card .mini-stat-grid div:nth-child(2){
  background:linear-gradient(145deg,rgba(13,148,136,.24),rgba(45,212,191,.10)) !important;
  border-bottom:3px solid #2dd4bf !important;
}
.home-hero-card .mini-stat-grid div:nth-child(3){
  background:linear-gradient(145deg,rgba(124,58,237,.22),rgba(196,181,253,.09)) !important;
  border-bottom:3px solid #c4b5fd !important;
}
.home-hero-card .mini-stat-grid div:nth-child(4){
  background:linear-gradient(145deg,rgba(217,119,6,.22),rgba(251,191,36,.10)) !important;
  border-bottom:3px solid #fbbf24 !important;
}
.home-hero-card .mini-stat-grid strong{
  color:#fff !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
}
.home-hero-card .mini-stat-grid span{
  margin-top:7px !important;
  color:#e3edf2 !important;
  font-size:9.5px !important;
  font-weight:700 !important;
}
.hero-card-foot{
  margin-top:13px !important;
  padding-top:12px !important;
  font-size:9.5px !important;
  line-height:1.55 !important;
  color:#cfe0e9 !important;
}

/* Visual polish line at hero base */
.home-hero{
  border-bottom:1px solid rgba(255,255,255,.05);
}
.home-hero .container:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-58px;
  height:3px;
  background:linear-gradient(90deg,#3b82f6,#14b8a6,#f59e0b,#8b5cf6);
  opacity:.8;
}

/* Responsive tuning */
@media(max-width:1100px){
  .home-hero{
    padding:58px 0 52px !important;
  }
  .home-hero .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(340px,.82fr) !important;
    gap:34px !important;
  }
  .home-hero h1{
    font-size:clamp(36px,4.2vw,49px) !important;
  }
  .home-hero-card{
    max-width:455px;
  }
}
@media(max-width:900px){
  .home-hero .hero-grid{
    grid-template-columns:1fr !important;
  }
  .home-hero .hero-grid>div:first-child{
    max-width:760px;
  }
  .home-hero-card{
    max-width:680px;
    justify-self:start;
  }
  .home-hero h1{
    max-width:720px!important;
  }
}
@media(max-width:600px){
  .home-hero{
    padding:45px 0 42px !important;
  }
  .home-hero h1{
    font-size:clamp(32px,10vw,41px) !important;
    line-height:1.16 !important;
  }
  .home-hero .hero-copy{
    font-size:13px !important;
  }
  .home-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .home-hero .btn{
    width:100%;
  }
  .hero-trust{
    display:grid!important;
    grid-template-columns:1fr;
  }
  .home-hero-card{
    padding:16px!important;
    border-radius:20px!important;
  }
  .home-hero-card .mini-stat-grid div{
    min-height:84px;
    padding:13px!important;
  }
  .home-hero-card .mini-stat-grid strong{
    font-size:24px!important;
  }
}