:root{
  --primary:#0d6efd;
  --primary-dark:#073b97;
  --secondary:#e31e24;
  --light:#f4f8ff;
  --dark:#0f172a;
  --muted:#64748b;
  --success:#11b981;
  --warning:#f59e0b;
  --shadow:0 10px 30px rgba(15, 23, 42, 0.08);
  --radius:20px;
}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--dark);line-height:1.6;background:#fff}
a{text-decoration:none}
img{max-width:100%}
.section-padding{padding:80px 0}
.section-title{font-size:2rem;font-weight:800;margin-bottom:1rem}
.section-subtitle{color:var(--muted);max-width:700px}
.btn-primary{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border:none}
.btn-outline-primary{border-color:var(--primary);color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:#fff}
.badge-soft{display:inline-block;background:rgba(13,110,253,.08);color:var(--primary);padding:.55rem 1rem;border-radius:999px;font-weight:700}
.clinic-topbar{background:#06285f;color:#fff;font-size:.92rem;padding:.7rem 0}
.clinic-topbar a{color:#fff}
.topbar-link{font-weight:600}
.social-icons a{display:inline-flex;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);align-items:center;justify-content:center}
.clinic-navbar-wrap{background:#fff;box-shadow:0 2px 20px rgba(0,0,0,.05)}
.site-logo{height:68px;width:auto}
.navbar-brand .brand-text h5{font-weight:800;color:#06285f}
.navbar-brand .brand-text small{color:var(--secondary);font-weight:700}
.navbar .nav-link{font-weight:700;color:#0f172a;padding:.95rem .9rem !important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--primary)}
.dropdown-menu{border:0;box-shadow:var(--shadow);border-radius:18px}
.mega-menu{width:min(1080px,96vw);left:50%!important;transform:translateX(-50%);margin-top:0.8rem}
.mega-menu-card{padding:1rem;border-radius:18px;background:#fff;height:100%}
.mega-highlight{background:linear-gradient(180deg,#eff6ff,#ffffff)}
.mega-title{font-weight:800;color:#06285f}
.mega-text{font-size:.95rem;color:var(--muted)}
.emergency-banner{background:linear-gradient(120deg,#dc3545,#b10d2f);color:#fff;padding:18px 0}
.emergency-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);font-size:1.2rem}
.hero{position:relative;background:radial-gradient(circle at top right, rgba(13,110,253,.1), transparent 35%), linear-gradient(180deg,#f8fbff,#ffffff);overflow:hidden}
.hero-slide{min-height:620px;display:flex;align-items:center;padding:50px 0}
.hero h1{font-size:clamp(2.2rem,4vw,4rem);font-weight:900;color:#0b1d46;line-height:1.1}
.hero p.lead{font-size:1.12rem;color:#475569;max-width:650px}
.hero-card,.glass-card{background:rgba(255,255,255,.92);backdrop-filter:blur(6px);box-shadow:var(--shadow);border-radius:var(--radius);border:1px solid rgba(13,110,253,.08)}
.booking-mini .form-control,.booking-mini .form-select,.contact-card .form-control,.contact-card .form-select{border-radius:12px;padding:.9rem 1rem}
.quick-stat{padding:1rem;border-radius:18px;background:#fff;box-shadow:var(--shadow);text-align:center;height:100%}
.quick-stat h3{font-weight:800;color:#06285f}
.service-card,.doctor-card,.portal-card,.info-card,.resource-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:1.5rem;height:100%}
.icon-circle{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);font-size:1.3rem;color:var(--primary)}
.service-card h4,.doctor-card h4,.portal-card h4,.info-card h4{font-weight:800;color:#0b1d46}
.check-list{padding-left:0;list-style:none}
.check-list li{position:relative;padding-left:28px;margin-bottom:.7rem}
.check-list li:before{content:'\f00c';font-family:FontAwesome;position:absolute;left:0;top:2px;color:var(--success)}
.video-box{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);min-height:420px;background:#dbeafe}
.video-box video,.video-box img{width:100%;height:100%;object-fit:cover}
.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,22,56,.08),rgba(3,22,56,.55));display:flex;align-items:flex-end;padding:2rem;color:#fff}
.portal-strip{background:linear-gradient(135deg,#06285f,#0d6efd);color:#fff;border-radius:28px;padding:2.2rem}
.testimonial-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);padding:1.5rem;height:100%}
.contact-map iframe{width:100%;height:100%;min-height:420px;border:0;border-radius:24px;box-shadow:var(--shadow)}
.footer{background:#08152f;color:#cbd5e1}
.footer a{color:#e2e8f0}
.footer-title{color:#fff;font-weight:800;margin-bottom:1rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-top:1.2rem}
.page-header{padding:90px 0;background:linear-gradient(135deg,#eff6ff,#ffffff)}
.page-header h1{font-weight:900;color:#0b1d46}
.mockup-board{background:linear-gradient(135deg,#eff6ff,#f8fbff);border-radius:30px;padding:1.5rem;box-shadow:var(--shadow)}
.mockup-screen{background:#fff;border-radius:26px;box-shadow:0 30px 80px rgba(15,23,42,.12);overflow:hidden;border:10px solid #0b1d46}
.mockup-toolbar{padding:.75rem 1rem;background:#0b1d46;display:flex;gap:.45rem}
.dot{width:12px;height:12px;border-radius:50%;background:#fff;opacity:.6}
.mockup-content{padding:1.25rem}
.table-soft thead th{background:#eff6ff;color:#0b1d46;border-bottom:0}
.portal-login-card{max-width:460px;margin:auto}
.small-muted{color:var(--muted);font-size:.95rem}
@media (max-width:991px){
  .mega-menu{width:100%;transform:none;left:0!important}
  .hero-slide{padding:40px 0 70px;min-height:auto}
  .site-logo{height:56px}
}