/* Fallback stylesheet for the university site. This file prevents missing asset 404s and keeps the layout stable. */
:root{
  --accent:#8b5cf6; /* soft violet accent */
  --accent-2:#3b82f6; /* secondary blue */
  --muted:#6b7280;
  --bg:#f7f9fb;
  --text:#0f1724;
  --card-bg:#ffffff;
}
body {
  font-family: 'Cairo', 'Montserrat', 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Elegant links */
a { color: var(--accent-2); text-decoration: none; border-bottom: 1px solid transparent; transition: all .22s ease; }
a:hover { color: var(--accent); border-bottom-color: rgba(139,92,246,0.12); }

img { max-width: 100%; height: auto; display:block; }

.container { max-width: 1200px; margin:0 auto; padding:0 18px; }

/* Hero improvements */
.zr-page-hero { padding: 80px 0 48px; background: linear-gradient(180deg, rgba(139,92,246,0.04), transparent); }
.zr-page-hero .zr-eyebrow { display:block; color:var(--muted); letter-spacing:1px; font-weight:600; }
.zr-page-hero h1{ font-family: 'Montserrat', 'Cairo', sans-serif; font-weight:700; font-size:36px; margin:8px 0 6px; color:var(--text); }
.zr-page-hero p{ color:var(--muted); margin-bottom:0; }

/* Cards and content */
.zr-content-card{ background:var(--card-bg); border-radius:12px; padding:26px; box-shadow: 0 6px 18px rgba(16,24,40,0.06); }
.zr-news-card{ border-radius:12px; overflow:hidden; background:var(--card-bg); box-shadow:0 10px 30px rgba(15,23,42,0.06); transition:transform .22s ease, box-shadow .22s ease; }
.zr-news-card{ border-radius:12px; overflow:hidden; background:var(--card-bg); box-shadow:0 10px 30px rgba(15,23,42,0.06); transition:transform .22s ease, box-shadow .22s ease; }
.zr-news-card:hover{ transform:translateY(-6px); box-shadow:0 20px 48px rgba(15,23,42,0.12); }
.zr-news-image{ position:relative; }
.zr-news-image{ position:relative; }
.zr-news-date{ position:absolute; right:12px; top:12px; background:linear-gradient(90deg, rgba(0,0,0,0.6), rgba(0,0,0,0.45)); color:#fff; padding:6px 10px; border-radius:8px; font-weight:700; font-size:13px; }
.zr-news-body{ padding:18px; }
.zr-news-body{ padding:18px; }
.zr-news-body p{ color:var(--muted); margin-bottom:12px; }
.zr-news-body p{ color:var(--muted); margin-bottom:12px; }
.zr-news-actions{ display:flex; justify-content:flex-end; }
.zr-read-more{ color:var(--accent-2); font-weight:700; }
/* College cards */
.zr-college-card{ border-radius:12px; overflow:hidden; background:var(--card-bg); box-shadow:0 8px 22px rgba(11, 23, 40, 0.04); transition:transform .22s ease, box-shadow .22s ease; }
.zr-college-card:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(11,23,40,0.08); }
.zr-college-link{ display:block; color:inherit; text-decoration:none; }
.zr-college-image img{ width:100%; height:160px; object-fit:cover; display:block; }
.zr-college-body{ padding:14px; text-align:center; }
.zr-college-body h3{ font-size:16px; margin:6px 0 0; }

/* Events reuse news styles for consistency */
.zr-section-events .zr-news-card .zr-news-image img{ height:200px; }
/* Buttons */
.zr-btn { display:inline-block; padding:10px 18px; border-radius:8px; font-weight:600; transition:all .18s ease; }
.zr-btn-primary{ background: linear-gradient(90deg,var(--accent),var(--accent-2)); color:#fff; box-shadow: 0 6px 18px rgba(59,130,246,0.12); border:none; }
.zr-btn-primary:hover{ transform:translateY(-2px); box-shadow: 0 10px 28px rgba(59,130,246,0.14); }
.zr-btn-light{ background:transparent; color:var(--accent-2); border:1px solid rgba(59,130,246,0.08); }

/* Navigation / brand */
.zr-topbar{ background: #0b1220; color:#fff; padding:8px 0; }
.zr-topbar .zr-topbar-links a{ color:#dbeafe; margin-right:12px; }
.zr-navbar{ background:transparent; padding:14px 0; }
.zr-brand-text strong{ font-size:20px; display:block; color:var(--text); }
.zr-brand-text small{ color:var(--muted); display:block; font-size:12px; }

/* Footer */
.zr-footer{ background: linear-gradient(180deg,#06070a, #0d1220); color:#d1d5db; padding:40px 0 18px; }
.zr-footer h4{ color:#fff; }
.zr-footer a{ color: #c7d2fe; }
.zr-footer .zr-footer-note{ color: #9ca3af; }

/* Misc */
.zr-empty-state{ text-align:center; padding:56px 18px; color:var(--muted); }

/* CTA section */
.zr-cta{ padding:42px 0; margin-top:28px; }
.zr-cta-inner{ display:flex; align-items:center; gap:28px; background: linear-gradient(90deg, rgba(139,92,246,0.08), rgba(59,130,246,0.04)); padding:28px; border-radius:16px; box-shadow:0 12px 30px rgba(11,23,40,0.04); }
.zr-cta-text{ flex:1; }
.zr-cta-text h2{ font-size:28px; margin:8px 0 10px; color:var(--text); }
.zr-cta-lead{ color:var(--muted); margin-bottom:16px; }
.zr-cta-actions{ display:flex; gap:12px; align-items:center; }
.zr-cta-visual{ width:320px; flex-shrink:0; }
.zr-cta-visual img{ width:100%; height:200px; object-fit:cover; border-radius:10px; box-shadow:0 8px 20px rgba(11,23,40,0.06); }

/* Responsive */
@media (max-width:991px){
  .zr-cta-inner{ flex-direction:column; text-align:center; }
  .zr-cta-visual{ width:70%; }
  .zr-cta-text h2{ font-size:22px; }
}

/* Responsive tweaks */
@media (max-width:767px){
  .zr-page-hero h1{ font-size:26px; }
  .zr-brand img{ display:none; }
}

/* Hero / slider styles */
.zr-hero{ position:relative; overflow:hidden; }
.zr-hero-slider .slides{ list-style:none; margin:0; padding:0; }
.zr-hero-slide{ position:relative; min-height:480px; display:flex; align-items:center; }
.zr-hero-slide img{ width:100%; height:620px; object-fit:cover; display:block; filter:contrast(1.02) saturate(1.02); }
.zr-hero-overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,6,23,0.45), rgba(2,6,23,0.25)); pointer-events:none; }
.zr-hero-content{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:5; max-width:960px; color:#fff; text-align:center; padding:20px; }
.zr-hero-content .zr-kicker{ display:block; color:rgba(255,255,255,0.85); font-weight:700; letter-spacing:1px; }
.zr-hero-content h1{ font-size:44px; line-height:1.05; margin:12px 0 8px; font-weight:800; color:#fff; text-shadow:0 6px 18px rgba(3,7,18,0.5); }
.zr-hero-content p{ color:rgba(255,255,255,0.92); font-size:18px; margin-bottom:16px; }
.zr-hero .zr-btn-primary{ padding:12px 22px; border-radius:10px; font-size:17px; }
.zr-hero-scroll{ position:absolute; left:50%; transform:translateX(-50%); bottom:18px; z-index:6; color:#fff; font-size:28px; opacity:0.9 }

@media (max-width:991px){
  .zr-hero-slide img{ height:420px; }
  .zr-hero-content h1{ font-size:30px; }
  .zr-hero-content p{ font-size:15px; }
}

@media (max-width:567px){
  .zr-hero-slide{ min-height:340px; }
  .zr-hero-slide img{ height:340px; }
  .zr-hero-content h1{ font-size:22px; }
  .zr-hero-content{ padding:12px; }
  .zr-hero-scroll{ bottom:10px; font-size:20px }
}