/* Color system inspired by the Faculty of Nursing identity */
:root {
  --faculty-pink: #e94caf;
  --faculty-yellow: #f3c832;
  --tech-blue: #246bdf;
  --tech-cyan: #12b9cc;
  --tech-violet: #7657d5;
  --tech-coral: #f06b5d;
  --tech-green: #25a978;
}

.scroll-progress {
  background: linear-gradient(90deg, var(--tech-blue), var(--tech-cyan), var(--faculty-pink), var(--faculty-yellow));
}

.hero {
  background:
    linear-gradient(rgba(36, 107, 223, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(36, 107, 223, .045) 1px, transparent 1px),
    radial-gradient(circle at 82% 24%, rgba(233, 76, 175, .16), transparent 23%),
    radial-gradient(circle at 72% 72%, rgba(18, 185, 204, .18), transparent 25%),
    radial-gradient(circle at 8% 78%, rgba(243, 200, 50, .18), transparent 22%),
    linear-gradient(145deg, #fff 0%, #f4fbff 48%, #fff8fc 100%);
  background-size: 42px 42px, 42px 42px, auto, auto, auto, auto;
}

.hero h1 em {
  background: linear-gradient(90deg, var(--tech-blue), var(--tech-cyan) 45%, var(--faculty-pink));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero .eyebrow { color: var(--faculty-pink); }
.btn.primary, .nav-cta {
  background: linear-gradient(135deg, var(--tech-blue), var(--tech-cyan) 58%, #56cfa8);
}

.operations-panel::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  height: 4px;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(90deg, var(--tech-blue), var(--tech-cyan), var(--faculty-pink), var(--faculty-yellow));
}
.data-chart span:nth-child(3n+1) { background: linear-gradient(to top, var(--tech-blue), #67a1ff); }
.data-chart span:nth-child(3n+2) { background: linear-gradient(to top, var(--tech-cyan), #70dfdc); }
.data-chart span:nth-child(3n) { background: linear-gradient(to top, var(--faculty-pink), #f49bd2); }
.panel-services > div:nth-child(1) .service-icon { color: var(--tech-blue); }
.panel-services > div:nth-child(2) .service-icon { color: var(--tech-violet); }
.panel-services > div:nth-child(3) .service-icon { color: var(--faculty-pink); }
.panel-services > div:nth-child(1) { border-top: 2px solid var(--tech-blue); }
.panel-services > div:nth-child(2) { border-top: 2px solid var(--tech-violet); }
.panel-services > div:nth-child(3) { border-top: 2px solid var(--faculty-pink); }
.chip-one { color: var(--tech-violet); border-color: rgba(118,87,213,.28); background: #f4f0ff; }
.chip-two { color: #c78d00; border-color: rgba(243,200,50,.4); background: #fff9dd; }
.orbit-one span { background: var(--faculty-pink); box-shadow: 0 0 0 8px rgba(233,76,175,.1); }
.orbit-two span { background: var(--faculty-yellow); box-shadow: 0 0 0 8px rgba(243,200,50,.13); }

.section-head h2::after, .org-heading h2::after {
  width: 76px;
  background: linear-gradient(90deg, var(--tech-blue) 0 32%, var(--tech-cyan) 32% 58%, var(--faculty-pink) 58% 82%, var(--faculty-yellow) 82%);
}

.system-card { border-top: 4px solid transparent; }
.system-card:nth-child(1) { border-top-color: var(--tech-blue); background: linear-gradient(160deg,#fff 60%,#eef5ff); }
.system-card:nth-child(2) { border-top-color: var(--tech-violet); background: linear-gradient(160deg,#fff 60%,#f4f0ff); }
.system-card:nth-child(3) { border-top-color: var(--faculty-pink); background: linear-gradient(160deg,#fff 60%,#fff1f9); }
.system-card:nth-child(1) .card-icon { color: var(--tech-blue); background: #eaf2ff; }
.system-card:nth-child(2) .card-icon { color: var(--tech-violet); background: #f0ebff; }
.system-card:nth-child(3) .card-icon { color: var(--faculty-pink); background: #ffeaf7; }
.system-card:nth-child(1) .card-foot b { color: var(--tech-blue); }
.system-card:nth-child(2) .card-foot b { color: var(--tech-violet); }
.system-card:nth-child(3) .card-foot b { color: var(--faculty-pink); }

.dark-section {
  background:
    radial-gradient(circle at 5% 10%, rgba(36,107,223,.14), transparent 24%),
    radial-gradient(circle at 95% 15%, rgba(233,76,175,.12), transparent 24%),
    radial-gradient(circle at 70% 100%, rgba(243,200,50,.14), transparent 25%),
    linear-gradient(145deg,#f1f8ff,#fff8fc 55%,#fffdf2);
}
.duty:nth-child(1) { --duty-color: var(--tech-blue); }
.duty:nth-child(2) { --duty-color: var(--tech-violet); }
.duty:nth-child(3) { --duty-color: var(--faculty-pink); }
.duty:nth-child(4) { --duty-color: var(--tech-coral); }
.duty:nth-child(5) { --duty-color: var(--tech-cyan); }
.duty:nth-child(6) { --duty-color: var(--tech-green); }
.duty > span { color: var(--duty-color); }
.duty:hover { box-shadow: inset 0 4px 0 var(--duty-color); }
.duty::after { background: repeating-linear-gradient(90deg,var(--duty-color) 0 2px,transparent 2px 6px); opacity:.25; }

.docs a:nth-child(1) .doc-icon { background:#fff0ee; color:var(--tech-coral); }
.docs a:nth-child(2) .doc-icon { background:#eef2ff; color:var(--tech-violet); }
.docs a:nth-child(3) .doc-icon { background:#e8f8f1; color:var(--tech-green); }

.organization {
  background:
    radial-gradient(circle at 8% 20%, rgba(18,185,204,.13), transparent 25%),
    radial-gradient(circle at 92% 75%, rgba(233,76,175,.11), transparent 25%),
    linear-gradient(180deg,#fff,#f7fbff);
}
.person-top { border-left: 5px solid var(--tech-blue); }
.person-middle { border-left: 5px solid var(--tech-violet); }
.person-bottom { border-left: 5px solid var(--faculty-pink); }
.person-top .person-level { color:var(--tech-blue); background:#eaf2ff; }
.person-middle .person-level { color:var(--tech-violet); background:#f0ecff; }
.person-bottom .person-level { color:#c62f8d; background:#ffeaf7; }
.org-line { background: linear-gradient(var(--tech-blue),var(--faculty-pink)); }

.about {
  background:
    radial-gradient(circle at 10% 15%,rgba(243,200,50,.17),transparent 24%),
    radial-gradient(circle at 90% 80%,rgba(18,185,204,.14),transparent 25%),
    linear-gradient(135deg,#fffdf6,#f5fbff 55%,#fff7fc);
}
.metric:nth-child(1) { border-top:4px solid var(--faculty-yellow); }
.metric:nth-child(1) b { color:#d39a00; }
.metric:nth-child(2) { border-top:4px solid var(--faculty-pink); }
.metric:nth-child(2) b { color:var(--faculty-pink); }
.metric.wide { background: linear-gradient(135deg,var(--tech-blue),var(--tech-violet) 52%,var(--faculty-pink)); }

.contact {
  background:
    radial-gradient(circle at 0 100%,rgba(36,107,223,.16),transparent 30%),
    radial-gradient(circle at 100% 0,rgba(233,76,175,.13),transparent 30%),
    linear-gradient(135deg,#f1f8ff,#fff8fc);
}
.contact-form { border-top:5px solid transparent; border-image:linear-gradient(90deg,var(--tech-blue),var(--tech-cyan),var(--faculty-pink)) 1; }
footer { background: linear-gradient(115deg,#235f9c,#287fa3 52%,#674b9c); }

@media(max-width:620px){
  .hero { background-size:32px 32px,32px 32px,auto,auto,auto,auto; }
  .system-card { border-top-width:4px; }
}