@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap");:root{--navy:#0a1628;--navy-mid:#0d2744;--teal:#0d6e6e;--teal-light:#12a0a0;--teal-pale:rgba(13,110,110,.08);--gold:#c9a84c;--gold-light:#e8c97a;--cream:#faf8f3;--white:#fff;--gray:#6b7280;--gray-dark:#374151;--light-gray:#f1f5f9;--border:#e2e8f0;--border-dark:hsla(0,0%,100%,.1);--shadow-sm:0 2px 8px rgba(10,22,40,.06);--shadow-md:0 8px 24px rgba(10,22,40,.1);--shadow-lg:0 20px 50px rgba(10,22,40,.14);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all 0.25s ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:DM Sans,sans-serif;background:var(--white);color:var(--navy);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}ol,ul{list-style:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:90px 0}.section-label{display:inline-block;font-size:.75rem;font-weight:600;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;padding:5px 14px;background:var(--teal-pale);border-radius:20px}.section-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:16px;letter-spacing:-.01em}.section-desc{font-size:1rem;color:var(--gray);line-height:1.75}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;padding:13px 30px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(13,110,110,.35);transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(13,110,110,.45)}.btn-primary:hover:after{opacity:1}.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid hsla(0,0%,100%,.3);color:#fff;padding:12px 26px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;background:hsla(0,0%,100%,.06);transition:var(--transition);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.6);transform:translateY(-2px)}.btn-teal-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--teal);color:var(--teal);padding:10px 22px;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;background:transparent;transition:var(--transition)}.btn-teal-outline:hover{background:var(--teal);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,110,110,.3)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:rgba(13,110,110,.2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeLeft{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeRight{0%{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseRed{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.4)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}@keyframes pulseTeal{0%,to{box-shadow:0 0 0 0 rgba(13,110,110,.4)}50%{box-shadow:0 0 0 10px rgba(13,110,110,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dropDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-10vh) scale(1);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.fade-up{animation:fadeUp .7s ease both}.fade-up.delay-1{animation-delay:.1s}.fade-up.delay-2{animation-delay:.2s}.fade-up.delay-3{animation-delay:.3s}.fade-up.delay-4{animation-delay:.4s}.fade-up.delay-5{animation-delay:.5s}.fade-left{animation:fadeLeft .7s ease both}.fade-right{animation:fadeRight .7s ease both}.reveal{transition:opacity .6s ease,transform .6s ease}.reveal,.reveal.visible{opacity:1;transform:translateY(0)}.hero-bg{background:linear-gradient(-45deg,#0a1628,#0d2744,#0a3d3d,#0d6e6e);background-size:400% 400%;animation:gradientShift 12s ease infinite}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.15);animation:particleFloat linear infinite}.gradient-text{background:linear-gradient(135deg,var(--teal-light),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);background-size:200% 100%;animation:shimmer 2s infinite}.glass{background:hsla(0,0%,100%,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-lg)}.glass-dark{background:rgba(10,22,40,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1)}.stat-card{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;transition:transform .3s ease,background .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-card:hover{transform:translateY(-6px);background:hsla(0,0%,100%,.12)}.stat-number{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#fff,var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label{font-size:.85rem;color:hsla(0,0%,100%,.65);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dept-card-enhanced{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy-mid));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:32px 24px;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.dept-card-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,110,110,.3),transparent 60%);opacity:0;transition:opacity .3s ease}.dept-card-enhanced:hover:before{opacity:1}.dept-bg-icon{position:absolute;bottom:-10px;right:-10px;opacity:.06;transition:opacity .3s ease,transform .3s ease}.dept-card-enhanced:hover .dept-bg-icon{opacity:.12;transform:scale(1.1) rotate(5deg)}.dept-card-enhanced:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.dept-icon-circle{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--teal),var(--teal-light));display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 6px 18px rgba(13,110,110,.4);transition:transform .3s ease}.dept-card-enhanced:hover .dept-icon-circle{transform:scale(1.1)}.dept-card-enhanced h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:6px}.dept-card-enhanced p{color:hsla(0,0%,100%,.55);font-size:.82rem;line-height:1.5}.service-card-enhanced{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 28px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-card-enhanced:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-light));transform:scaleX(0);transition:transform .35s ease;transform-origin:left}.service-card-enhanced:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(10,22,40,.12);border-color:rgba(13,110,110,.25)}.service-card-enhanced:hover:after{transform:scaleX(1)}.doctor-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.doctor-card:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(10,22,40,.14)}.doctor-card-image{width:100%;height:260px;object-fit:cover;transition:transform .5s ease}.doctor-card:hover .doctor-card-image{transform:scale(1.05)}.doctor-card-img-wrapper{overflow:hidden;position:relative}.doctor-card-img-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,#fff)}.wave-divider{width:100%;overflow:hidden;line-height:0}.wave-divider svg{display:block;width:100%}.img-overlay-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden}.img-overlay-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,22,40,.6))}.section-navy{background:linear-gradient(135deg,var(--navy) 0,var(--navy-mid) 100%);color:#fff}.section-teal{background:linear-gradient(135deg,var(--teal) 0,var(--teal-light) 100%);color:#fff}.section-cream{background:var(--cream)}.section-gradient{background:linear-gradient(160deg,#f0f9f9 0,var(--cream) 50%,#e8f4f4 100%)}.floating-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:50px;padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--teal);box-shadow:0 4px 16px rgba(10,22,40,.08);animation:float 4s ease-in-out infinite}.timeline-item{position:relative;padding-left:48px;padding-bottom:32px}.timeline-item:before{content:"";position:absolute;left:16px;top:28px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--teal),transparent)}.timeline-dot{position:absolute;left:0;top:4px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-light));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;box-shadow:0 4px 12px rgba(13,110,110,.4)}.pill{display:inline-block;padding:4px 14px;border-radius:50px;font-size:.78rem;font-weight:600;letter-spacing:.04em}.pill-teal{background:rgba(13,110,110,.1);color:var(--teal)}.pill-gold{background:rgba(201,168,76,.12);color:#a07830}.pill-navy{background:rgba(10,22,40,.08);color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px);grid-gap:12px;gap:12px}.gallery-item{border-radius:var(--radius-md);overflow:hidden;position:relative}.gallery-item:first-child{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.08)}.icon-box{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-box-teal{background:linear-gradient(135deg,var(--teal),var(--teal-light));box-shadow:0 6px 18px rgba(13,110,110,.35);color:#fff}.icon-box-navy{background:linear-gradient(135deg,var(--navy),var(--navy-mid));color:#fff}.icon-box-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff}.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--gray-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:DM Sans,sans-serif;color:var(--navy);background:var(--cream);transition:border-color .2s,box-shadow .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px rgba(13,110,110,.12)}.form-textarea{resize:none;height:88px}.scroll-top-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(13,110,110,.4);transition:transform .3s ease,box-shadow .3s ease;border:none}.scroll-top-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(13,110,110,.5)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:.78rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}[data-tooltip]:hover:after{opacity:1}@media (max-width:1024px){.section{padding:70px 0}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item:first-child{grid-row:auto}}@media (max-width:768px){.section{padding:56px 0}.stat-number{font-size:2.2rem}}@media (max-width:640px){.section{padding:48px 0}.container{padding:0 16px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}}@media (max-width:768px){#about,#contact iframe,#departments,#doctors,#news,#services,#testimonials,#why-us{display:none!important}#appointment,#contact{padding:24px 16px!important}body{padding-top:44px}.doctorsGrid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:16px!important;padding-bottom:16px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}}@media (max-width:768px){.doctorsGrid::-webkit-scrollbar{display:none}.doctorsGrid .doctorCard{min-width:220px!important;flex-shrink:0!important;scroll-snap-align:start!important}.deptGrid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:14px!important;padding-bottom:16px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.deptGrid::-webkit-scrollbar{display:none}.deptGrid .deptCard{min-width:160px!important;flex-shrink:0!important;scroll-snap-align:start!important}.servicesGrid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:16px!important;padding-bottom:16px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.servicesGrid::-webkit-scrollbar{display:none}.servicesGrid .serviceCard{min-width:260px!important;flex-shrink:0!important;scroll-snap-align:start!important}.whyGrid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:16px!important;padding-bottom:16px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.whyGrid::-webkit-scrollbar{display:none}.whyGrid .whyCard{min-width:240px!important;flex-shrink:0!important;scroll-snap-align:start!important}.testiGrid{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:16px!important;padding-bottom:16px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.testiGrid::-webkit-scrollbar{display:none}.testiGrid .testiCard{min-width:280px!important;flex-shrink:0!important;scroll-snap-align:start!important}.deptGrid,.doctorsGrid,.servicesGrid,.testiGrid,.whyGrid{padding-left:4px!important;padding-right:4px!important}#departments .section-header:after,#doctors .section-header:after,#services .section-header:after,#testimonials .section-header:after,#why-us .section-header:after{content:"← Swipe to explore →";display:block;text-align:center;font-size:11px;color:#9ca3af;letter-spacing:.05em;margin-top:8px;font-style:italic}}.mobile-announcement-banner{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;background:#0a5f5f;color:#fff;padding:10px 14px;font-size:13px;font-weight:500;z-index:99999;gap:10px;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,.25)}.mobile-announcement-banner span{flex:1 1}.mobile-announcement-banner button{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;flex-shrink:0;line-height:1;padding:0}