@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #0281d7;--primary-dark: #004b6e;--primary-deep: #003049;--primary-light: #e6f4fc;--primary-glow: rgba(2, 129, 215, .25);--accent-cyan: #00d2ff;--accent-teal: #0d9488;--accent-gold: #f59e0b;--accent-emerald: #10b981;--accent-rose: #f43f5e;--text-main: #0f172a;--text-muted: #475569;--text-light: #94a3b8;--text-white: #ffffff;--bg-page: #f8fbfe;--bg-card: #ffffff;--bg-surface: #f1f7fc;--bg-dark: #071927;--border-light: #e2eaf1;--border-focus: #0281d7;--shadow-sm: 0 2px 8px rgba(0, 48, 73, .05);--shadow-md: 0 8px 24px rgba(0, 48, 73, .08);--shadow-lg: 0 16px 40px rgba(0, 48, 73, .12);--shadow-glow: 0 8px 30px rgba(2, 129, 215, .22);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--transition: all .3s cubic-bezier(.16, 1, .3, 1);--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:none}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.topbar{background:linear-gradient(90deg,#003049,#004b6e 60%,#0281d7);color:#e2f1fc;font-size:13.5px;padding:8px 0;position:relative;z-index:101}.topbar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.topbar-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.topbar-item{display:flex;align-items:center;gap:8px}.topbar-item i{color:#00d2ff;font-size:14px}.topbar-item a:hover{color:#fff;text-decoration:underline}.topbar-right{display:flex;align-items:center;gap:20px}.topbar-emergency{background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 12px;border-radius:var(--radius-full);font-weight:600;font-size:12px;display:flex;align-items:center;gap:6px;color:#fff;border:1px solid rgba(255,255,255,.2)}.pulse-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.topbar-socials{display:flex;align-items:center;gap:12px}.topbar-socials a{width:26px;height:26px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.topbar-socials a:hover{background:#fff;color:var(--primary-dark)}.main-header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(2,129,215,.1);z-index:100;box-shadow:0 4px 20px #0030490a;transition:var(--transition)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand-logo{display:flex;align-items:center;gap:12px}.brand-logo img.logo-img{height:52px;width:auto;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.nav-item{position:relative}.nav-link{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--text-main);padding:8px 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--primary-light)}.nav-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px 0;border:1px solid var(--border-light);opacity:0;visibility:hidden;transform:translateY(12px);transition:var(--transition);z-index:120}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 18px;font-size:14px;font-weight:500;color:var(--text-main)}.dropdown-item i{color:var(--primary-color);font-size:14px;width:18px}.dropdown-item:hover{background:var(--primary-light);color:var(--primary-color);padding-left:22px}.header-actions{display:flex;align-items:center;gap:12px}.portal-link{font-size:13.5px;font-weight:600;color:var(--primary-dark);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-light);display:flex;align-items:center;gap:6px;background:#fff}.portal-link:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.mobile-nav-toggle{display:none;font-size:24px;color:var(--primary-dark);cursor:pointer;background:none;padding:4px}.btn-primary{background:linear-gradient(135deg,#0281d7,#004b6e);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:14px;padding:11px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px #0281d759;transition:var(--transition);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0281d773;color:#fff}.btn-table-action{background:linear-gradient(135deg,#0281d7,#004b6e)!important;color:#fff!important;font-family:var(--font-heading);font-weight:700!important;font-size:12.5px!important;padding:8px 16px!important;border-radius:8px!important;display:inline-flex!important;margin-right:4px;align-items:center!important;justify-content:center!important;gap:6px!important;cursor:pointer!important;box-shadow:0 4px 12px #0281d759!important;transition:var(--transition);border:none!important;text-decoration:none!important;white-space:nowrap!important}.btn-table-action:hover{transform:translateY(-2px)!important;box-shadow:0 6px 18px #0281d780!important;color:#fff!important}.btn-secondary{background:var(--primary-light);color:var(--primary-color);font-family:var(--font-heading);font-weight:700;font-size:14px;padding:11px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:#d8eeff;color:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--primary-color);color:var(--primary-color);background:transparent;font-family:var(--font-heading);font-weight:700;font-size:14px;padding:10px 20px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition)}.btn-outline:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.hero-section{position:relative;padding:70px 0 90px;background:radial-gradient(circle at top right,#00d2ff14,#0281d708,#f8fbfe 80%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(2,129,215,.2);box-shadow:var(--shadow-sm);padding:6px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700;color:var(--primary-color);margin-bottom:20px}.hero-title{font-family:var(--font-heading);font-size:48px;line-height:1.18;font-weight:800;color:var(--primary-deep);margin-bottom:20px;letter-spacing:-.5px}.hero-title span{background:linear-gradient(135deg,#0281d7,#00a8e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:30px;max-width:580px}.hero-highlights{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:35px}.highlight-item{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--text-main)}.highlight-item i{color:var(--accent-emerald);font-size:16px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-rating-badge{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.rating-stars{color:#fbbc04;font-size:14px}.rating-number{font-weight:800;font-size:22px;color:var(--primary-deep);line-height:1}.booking-card{background:#fff;border-radius:var(--radius-lg);padding:32px 28px;box-shadow:var(--shadow-lg);border:1px solid rgba(2,129,215,.15);position:relative}.booking-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#0281d7,#00d2ff);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.booking-card-header{margin-bottom:22px}.booking-card-header h3{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--primary-deep)}.booking-card-header p{font-size:14px;color:var(--text-muted)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:6px}.form-control{width:100%;padding:12px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);background:#fdfefe;font-size:14px;color:var(--text-main);transition:var(--transition)}.form-control:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.features-strip{padding:30px 0 60px;margin-top:-30px;position:relative;z-index:10}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-pill{background:#fff;padding:24px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-light);display:flex;align-items:flex-start;gap:16px;transition:var(--transition)}.feature-pill:hover{transform:translateY(-5px);border-color:#0281d74d;box-shadow:var(--shadow-lg)}.feature-icon-box{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.feature-text h4{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--primary-deep);margin-bottom:4px}.feature-text p{font-size:13px;color:var(--text-muted);line-height:1.4}.section{padding:85px 0}.section-bg-light{background-color:var(--bg-surface)}.section-header{text-align:center;max-width:680px;margin:0 auto 50px}.section-tagline{font-family:var(--font-heading);color:var(--primary-color);font-weight:800;font-size:13.5px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;display:block}.section-title{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--primary-deep);line-height:1.25;margin-bottom:14px}.section-subtitle{font-size:16px;color:var(--text-muted);line-height:1.6}.treatment-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.treatment-container-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column}.treatment-container-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#0281d74d}.treatment-card-media{position:relative;height:220px;overflow:hidden}.treatment-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.treatment-container-card:hover .treatment-card-media img{transform:scale(1.08)}.treatment-category-badge{position:absolute;top:14px;left:14px;background:#003049d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;letter-spacing:.5px}.treatment-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.treatment-card-body h3{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--primary-deep);margin-bottom:10px}.treatment-card-body p{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin-bottom:20px;flex-grow:1}.treatment-meta-list{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:18px;font-size:13px;color:var(--text-muted)}.treatment-meta-item{display:flex;align-items:center;gap:6px}.treatment-meta-item i{color:var(--primary-color)}.btn-learn-more{background:var(--primary-light);color:var(--primary-color);font-family:var(--font-heading);font-weight:700;font-size:14px;padding:11px 18px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;transition:var(--transition);text-decoration:none}.btn-learn-more i{transition:transform .3s ease}.treatment-container-card:hover .btn-learn-more{background:var(--primary-color);color:#fff}.treatment-container-card:hover .btn-learn-more i{transform:translate(4px)}.doctors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.doctor-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);text-align:center}.doctor-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:#0281d74d}.doctor-image-wrap{position:relative;height:270px;overflow:hidden;background:#e2eaf1}.doctor-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.doctor-card:hover .doctor-image-wrap img{transform:scale(1.05)}.doctor-card-info{padding:20px 18px 24px}.doctor-name{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--primary-deep);margin-bottom:4px}.doctor-role{color:var(--primary-color);font-size:13px;font-weight:600;margin-bottom:8px}.doctor-qual{font-size:12px;color:var(--text-light);margin-bottom:14px;line-height:1.4}.doctor-exp-badge{display:inline-block;background:#f0fdf4;color:#166534;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700;margin-bottom:14px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{position:relative;height:230px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,48,73,.9) 0%,rgba(0,48,73,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;opacity:0;transition:var(--transition)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay h4{color:#fff;font-size:14.5px;font-weight:700;margin-bottom:4px}.gallery-overlay span{color:#00d2ff;font-size:12px;font-weight:600}.blogs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#0281d74d}.blog-card-img{height:200px;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card-img img{transform:scale(1.06)}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.blog-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--text-light);margin-bottom:12px}.blog-meta span{display:flex;align-items:center;gap:5px}.blog-card-content h3{font-family:var(--font-heading);font-size:18.5px;font-weight:700;color:var(--primary-deep);line-height:1.4;margin-bottom:10px}.blog-card-content p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:18px;flex-grow:1}.blog-read-more{color:var(--primary-color);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}.blog-read-more:hover{gap:10px}.cta-banner{background:linear-gradient(135deg,#003049,#004b6e 60%,#0281d7);color:#fff;padding:60px 0;border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-banner-content{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:0 40px}.cta-banner-text h2{font-family:var(--font-heading);font-size:32px;font-weight:800;margin-bottom:8px}.cta-banner-text p{font-size:16px;color:#e2f1fc}.cta-banner-actions{display:flex;align-items:center;gap:14px}.btn-white{background:#fff;color:var(--primary-deep);font-family:var(--font-heading);font-weight:800;font-size:14px;padding:12px 24px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);transition:var(--transition)}.btn-white:hover{background:#f0faff;color:var(--primary-color);transform:translateY(-2px)}.footer{background:var(--bg-dark);color:#cad8e5;padding:70px 0 25px;font-size:14px}.footer-top{display:grid;grid-template-columns:1.4fr .9fr .9fr 1.3fr;gap:40px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand p{color:#94a8bc;line-height:1.65;margin:18px 0 22px;font-size:14px}.footer-col h4{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;margin-bottom:22px;position:relative}.footer-col h4:after{content:"";position:absolute;bottom:-6px;left:0;width:32px;height:2.5px;background:var(--primary-color);border-radius:var(--radius-full)}.footer-links li{margin-bottom:11px}.footer-links a{color:#94a8bc;display:inline-flex;align-items:center;gap:8px}.footer-links a:hover{color:#fff;padding-left:5px}.footer-contact-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;color:#cad8e5}.footer-contact-list i{color:#00d2ff;font-size:16px;margin-top:3px;flex-shrink:0}.footer-contact-list a:hover{color:#fff;text-decoration:underline}.footer-bottom{padding-top:25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;font-size:13px;color:#728497}.footer-bottom a{color:#94a8bc}.footer-bottom a:hover{color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#071927bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:var(--transition)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fff;border-radius:var(--radius-lg);max-width:620px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid rgba(2,129,215,.15);position:relative;transform:scale(.95) translateY(20px);transition:var(--transition)}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-header{padding:22px 28px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--primary-deep)}.modal-close{background:var(--bg-surface);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.modal-close:hover{background:#fee2e2;color:#ef4444}.modal-body{padding:28px}.toast-notification{position:fixed;bottom:25px;right:25px;background:#003049;color:#fff;padding:16px 22px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;z-index:1000;transform:translateY(100px);opacity:0;transition:var(--transition);border-left:4px solid #10b981}.toast-notification.active{transform:translateY(0);opacity:1}.toast-notification i{color:#10b981;font-size:20px}@media (max-width: 1080px){.hero-grid{grid-template-columns:1fr}.features-grid,.treatment-cards-grid,.doctors-grid,.blogs-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.topbar{display:none}.hero-title{font-size:34px}.nav-menu{position:fixed;top:76px;left:0;width:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--border-light);transform:translateY(-120%);opacity:0;visibility:hidden;transition:var(--transition)}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;padding:12px}.dropdown-menu{position:static;box-shadow:none;border:none;padding-left:15px;display:none;opacity:1;visibility:visible;transform:none}.nav-dropdown.active .dropdown-menu,.mobile-nav-toggle{display:block}.features-grid,.treatment-cards-grid,.doctors-grid,.blogs-grid,.footer-top{grid-template-columns:1fr}}