@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--navy:#0a1628;--navy-light:#132040;--navy-mid:#1a2d52;--teal:#00d4aa;--teal-dark:#00b892;--teal-light:#33ddb8;--pearl:#f8faff;--white:#fff;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-600:#475569;--gray-800:#1e293b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--pending:#f59e0b;--confirmed:#10b981;--cancelled:#ef4444;--font-body:"Inter", sans-serif;--font-heading:"Playfair Display", serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 32px #0000001f;--shadow-lg:0 20px 60px #0000002e;--shadow-teal:0 8px 32px #00d4aa40;--transition:.3s cubic-bezier(.4, 0, .2, 1);--nav-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--pearl);color:var(--navy);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,select,textarea{font-family:var(--font-body);border:none;outline:none}h1,h2,h3,h4,h5{font-family:var(--font-heading);color:var(--navy);line-height:1.2}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.section-title{color:var(--navy);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--gray-600);max-width:600px;font-size:1.1rem;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-header .section-subtitle{margin:0 auto}.btn{transition:var(--transition);white-space:nowrap;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--teal);color:var(--navy);box-shadow:var(--shadow-teal)}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 12px 40px #00d4aa66}.btn-outline{color:var(--white);background:0 0;border:2px solid #fff6}.btn-outline:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.btn-navy{background:var(--navy);color:var(--white)}.btn-navy:hover{background:var(--navy-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-wa{color:#fff;background:#25d366;border:2px solid #25d366;box-shadow:0 4px 20px #25d3664d}.btn-wa:hover{background:#1ebe5d;border-color:#1ebe5d;transform:translateY(-2px);box-shadow:0 8px 28px #25d36680}.btn-lg{padding:18px 36px;font-size:1rem}.btn-sm{padding:8px 16px;font-size:.85rem}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff26}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--navy);font-size:.9rem;font-weight:600}.form-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--navy);background:var(--white);transition:var(--transition);width:100%;padding:14px 18px;font-size:.95rem}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00d4aa1f}.form-input::placeholder{color:var(--gray-400)}.form-select{border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--navy);background:var(--white);transition:var(--transition);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;width:100%;padding:14px 44px 14px 18px;font-size:.95rem}.form-select:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00d4aa1f}.form-textarea{border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--navy);background:var(--white);transition:var(--transition);resize:vertical;width:100%;min-height:120px;padding:14px 18px;font-size:.95rem}.form-textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00d4aa1f}.form-error{color:var(--danger);margin-top:4px;font-size:.82rem}.badge{text-transform:capitalize;border-radius:50px;align-items:center;gap:5px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-pending{color:var(--warning);background:#f59e0b1f}.badge-confirmed{color:var(--success);background:#10b9811f}.badge-cancelled{color:var(--danger);background:#ef44441f}.bg-gradient-dark{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%)}.bg-gradient-teal{background:linear-gradient(135deg, var(--teal) 0%, #00a88a 100%)}.text-teal{color:var(--teal)}.text-navy{color:var(--navy)}.text-white{color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.6s forwards fadeInUp}.animate-fade{animation:.5s forwards fadeIn}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px}.spinner{border:3px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.divider{background:linear-gradient(90deg, var(--teal), var(--teal-light));border-radius:2px;width:60px;height:4px;margin:16px auto 0}@media (max-width:640px){.section{padding:64px 0}.container{padding:0 16px}}.page-hero{padding:calc(var(--nav-height) + 60px) 0 80px;text-align:center}.page-hero-inner{max-width:700px;margin:0 auto}.page-hero-title{margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem)}.page-hero-sub{color:#ffffffbf;font-size:1.1rem;line-height:1.7}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{transition:var(--transition);padding:32px 28px}.why-card:hover{transform:translateY(-6px)}.why-icon{margin-bottom:16px;font-size:2.2rem}.why-title{color:var(--white);font-size:1.1rem;font-weight:700;font-family:var(--font-heading);margin-bottom:10px}.why-desc{color:#ffffffa6;font-size:.88rem;line-height:1.65}.about-section{align-items:center;gap:64px;display:flex}.about-image{flex-shrink:0;position:relative}.about-img-wrap{border-radius:var(--radius-xl);width:380px;height:460px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-badge{background:var(--teal);color:var(--navy);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-teal);padding:20px 24px;position:absolute;bottom:-20px;right:-20px}.badge-number{font-size:2rem;font-weight:800;font-family:var(--font-heading);display:block}.badge-text{font-size:.78rem;font-weight:600}.about-content{flex:1}.about-text{color:var(--gray-600);font-size:1rem;line-height:1.75}.about-credentials{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.credential-item{color:var(--gray-600);align-items:center;gap:10px;font-size:.88rem;display:flex}.cred-icon{font-size:1.2rem}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.testimonial-card{padding:32px}.testi-stars{color:#ffb800;letter-spacing:2px;margin-bottom:16px;font-size:1.2rem}.testi-text{color:var(--gray-600);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.75}.testi-footer{align-items:center;gap:14px;display:flex}.testi-avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:44px;height:44px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.testi-name{color:var(--navy);font-size:.95rem;font-weight:700}.testi-service{color:var(--teal);font-size:.8rem;font-weight:500}.contact-strip{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;display:grid}.map-container{width:100%}.contact-panel-title{margin-bottom:24px;font-size:1.5rem}.contact-items{flex-direction:column;gap:16px;display:flex}.contact-item-card{background:var(--pearl);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition);align-items:flex-start;gap:16px;padding:16px;display:flex}.contact-item-card:hover{border-color:var(--teal)}.ci-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.ci-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:4px;font-size:.75rem;font-weight:600}.ci-value{color:var(--navy);font-size:.9rem;line-height:1.5}.ci-link{color:var(--teal);font-weight:600}.cta-banner{padding:80px 0}.cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.cta-title{color:var(--navy);margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.5rem)}.cta-sub{color:#0a1628b3;font-size:1rem}.cta-actions{flex-wrap:wrap;gap:16px;display:flex}.contact-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:48px;display:grid}.contact-cards{flex-direction:column;gap:20px;display:flex}.contact-card{border:1px solid var(--gray-200);transition:var(--transition);flex-direction:column;gap:8px;padding:28px;display:flex}.contact-card:hover{border-color:var(--teal);transform:translate(6px)}.cc-icon{font-size:2rem}.cc-title{color:var(--navy);font-size:1.05rem;font-weight:700}.cc-value{color:var(--gray-600);font-size:.92rem;line-height:1.6}.cc-link{color:var(--teal);transition:var(--transition);align-self:flex-start;font-size:.88rem;font-weight:600}.cc-link:hover{color:var(--teal-dark)}.hours-table{flex-direction:column;gap:6px;display:flex}.hours-row{color:var(--gray-600);border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:4px 0;font-size:.85rem;display:flex}.hours-row.closed{color:var(--danger);opacity:.7}.hours-val{color:var(--teal-dark);font-weight:600}.about-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:80px;display:grid}.about-img-col{position:relative}.about-photo-wrap{border-radius:var(--radius-xl);width:100%;height:520px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.about-badge-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);align-items:center;gap:24px;padding:20px 28px;display:flex;position:absolute;bottom:-30px;right:-30px}.abc-stat{text-align:center}.abc-num{color:var(--teal);font-size:1.8rem;font-weight:800;font-family:var(--font-heading);display:block}.abc-label{color:var(--gray-400);font-size:.75rem;font-weight:500}.abc-divider{background:var(--gray-200);width:1px;height:40px}.about-content-col{padding-top:24px}.about-para{color:var(--gray-600);line-height:1.8}.creds-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.cred-box{background:var(--pearl);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition);align-items:center;gap:14px;padding:16px;display:flex}.cred-box:hover{border-color:var(--teal)}.cred-icon-lg{flex-shrink:0;font-size:1.6rem}.cred-title{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:3px;font-size:.78rem;font-weight:600}.cred-desc{color:var(--navy);font-size:.88rem;font-weight:600}.timeline{max-width:700px;margin:0 auto;position:relative}.timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;margin-bottom:40px;padding-right:calc(50% + 40px);display:flex;position:relative}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 40px);padding-right:0}.timeline-content{padding:20px 24px}.timeline-year{color:var(--teal);font-size:1.4rem;font-weight:800;font-family:var(--font-heading);margin-bottom:6px}.timeline-event{color:#fffc;font-size:.9rem;line-height:1.5}.timeline-dot{background:var(--teal);border-radius:50%;width:14px;height:14px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #00d4aa33}.book-page{min-height:100vh;display:flex}.book-left{flex-shrink:0;justify-content:center;align-items:center;width:420px;display:flex;position:relative;overflow:hidden}.book-left-inner{z-index:1;margin-top:var(--nav-height);padding:60px 48px;position:relative}.book-title{margin-bottom:16px;font-size:2.2rem;line-height:1.2}.book-desc{margin-bottom:40px;font-size:.95rem;line-height:1.7}.book-features{flex-direction:column;gap:14px;margin-bottom:48px;display:flex}.book-feature{border-radius:var(--radius-md);background:#ffffff12;border:1px solid #ffffff1a;align-items:center;gap:14px;padding:14px 18px;display:flex}.bf-icon{font-size:1.3rem}.bf-text{color:#ffffffd9;font-size:.9rem;font-weight:500}.book-orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.orb-a{background:#00d4aa1a;width:300px;height:300px;top:-50px;right:-100px}.orb-b{background:#0064c814;width:200px;height:200px;bottom:50px;left:-50px}.book-right{padding:calc(var(--nav-height) + 40px) 60px 60px;flex:1;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.book-form-container{width:100%;max-width:680px}.book-form-header{margin-bottom:36px}.book-form-title{margin-bottom:6px;font-size:1.8rem}.book-form-sub{color:var(--gray-400);font-size:.9rem}.admin-layout{background:var(--pearl);min-height:100vh;display:flex}.admin-main{flex:1;padding:32px;overflow-y:auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.admin-page-title{color:var(--navy);margin-bottom:4px;font-size:2rem}.admin-page-sub{color:var(--gray-400);font-size:.9rem}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-date{color:var(--gray-400);font-size:.85rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--gray-200);align-items:center;gap:20px;padding:24px;display:flex}.stat-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-card-icon{font-size:1.5rem}.stat-card-value{font-size:2rem;font-weight:800;font-family:var(--font-heading);margin-bottom:4px;line-height:1}.stat-card-label{color:var(--gray-400);font-size:.8rem;font-weight:500}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.today-panel{padding:28px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{font-size:1.1rem;font-weight:700;font-family:var(--font-body)}.panel-link{color:var(--teal);font-size:.88rem;font-weight:600}.loading-text{color:var(--gray-400);font-size:.9rem}.empty-state{text-align:center;color:var(--gray-400);flex-direction:column;align-items:center;gap:8px;padding:32px;display:flex}.today-list{flex-direction:column;gap:12px;display:flex}.today-item{background:var(--pearl);border-radius:var(--radius-md);border:1px solid var(--gray-200);align-items:center;gap:16px;padding:14px;display:flex}.today-time{color:var(--teal);white-space:nowrap;background:#00d4aa1a;border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:700}.today-info{flex:1}.today-name{color:var(--navy);font-size:.92rem;font-weight:600}.today-service{color:var(--gray-400);font-size:.8rem}.quick-stats-panel{flex-direction:column;gap:20px;display:flex}.quick-stat-card{padding:28px}.qs-title{font-size:1rem;font-weight:700;font-family:var(--font-body);margin-bottom:20px}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{align-items:center;gap:12px;display:flex}.recent-avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.recent-info{flex:1}.recent-name{color:var(--navy);font-size:.88rem;font-weight:600}.recent-meta{color:var(--gray-400);font-size:.78rem}.total-badge{color:var(--teal);background:#00d4aa1a;border-radius:50px;padding:6px 16px;font-size:.85rem;font-weight:600}.filters-bar{border:1px solid var(--gray-200);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.filter-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.filter-input{padding:10px 14px!important;font-size:.88rem!important}.appt-layout{grid-template-columns:1fr auto;gap:24px;display:grid}.appt-table-wrapper{border:1px solid var(--gray-200);padding:0;overflow:auto}.table-loading{text-align:center;color:var(--gray-400);padding:48px}.appt-table{border-collapse:collapse;width:100%}.appt-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);background:var(--pearl);border-bottom:2px solid var(--gray-200);white-space:nowrap;padding:14px 16px;font-size:.78rem;font-weight:600}.appt-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;cursor:pointer;padding:16px;font-size:.88rem;transition:background .2s}.appt-table tr:hover td{background:#00d4aa08}.appt-table tr.selected-row td{background:#00d4aa0f}.patient-cell{align-items:center;gap:12px;display:flex}.patient-avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.patient-name{color:var(--navy);font-weight:600}.patient-phone{color:var(--gray-400);font-size:.78rem}.service-cell{color:var(--navy);max-width:160px;font-weight:500}.appt-date{color:var(--navy);font-weight:600}.appt-time{color:var(--teal);font-size:.8rem;font-weight:500}.action-buttons{gap:6px;display:flex}.action-btn{cursor:pointer;width:32px;height:32px;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.confirm-btn{color:var(--success);background:#10b9811a}.confirm-btn:hover{background:var(--success);color:var(--white)}.cancel-btn{color:var(--danger);background:#ef44441a}.cancel-btn:hover{background:var(--danger);color:var(--white)}.delete-btn{color:var(--gray-600);background:#64646414}.delete-btn:hover{background:var(--danger);color:var(--white)}.appt-detail{border:1px solid var(--gray-200);align-self:flex-start;width:300px;padding:28px;position:sticky;top:20px}.detail-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.detail-avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:48px;height:48px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.detail-name{color:var(--navy);margin-bottom:4px;font-size:1rem;font-weight:700}.close-detail{background:var(--gray-100);cursor:pointer;width:28px;height:28px;color:var(--gray-600);border:none;border-radius:50%;flex-shrink:0;margin-left:auto;font-size:.8rem}.detail-body{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.detail-row{border-bottom:1px solid var(--gray-100);flex-direction:column;gap:3px;padding-bottom:12px;display:flex}.detail-row span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.detail-row strong{color:var(--navy);font-size:.9rem}.detail-actions{flex-direction:column;gap:8px;display:flex}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.appt-layout{grid-template-columns:1fr}.appt-detail{width:100%;position:static}}@media (max-width:1024px){.why-grid{grid-template-columns:repeat(2,1fr)}.about-section{flex-direction:column}.about-img-wrap{width:100%;max-width:400px}.contact-strip{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:48px}.about-badge-card{margin-top:16px;position:static}.contact-layout{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr 1fr;display:grid}.book-page{flex-direction:column}.book-left{width:100%;height:auto}.book-left-inner{padding:calc(var(--nav-height) + 40px) 24px 48px;margin-top:0}.book-right{padding:40px 24px 60px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:640px){.why-grid,.testimonials-grid,.about-credentials{grid-template-columns:1fr}.cta-inner{text-align:center;flex-direction:column}.contact-cards,.creds-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item,.timeline-item.right{justify-content:flex-start;padding-left:56px;padding-right:0}.timeline-dot{left:20px}.stats-grid{grid-template-columns:1fr 1fr}.admin-main{padding:16px}}.certs-gallery{grid-template-columns:1fr 1fr;gap:32px;display:grid}.cert-card{border:1px solid var(--gray-200);cursor:zoom-in;transition:var(--transition);overflow:hidden}.cert-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.cert-img-wrap{width:100%;height:380px;position:relative}.cert-label{color:var(--navy);background:var(--white);text-align:center;border-top:1px solid var(--gray-200);padding:14px 20px;font-size:.9rem;font-weight:600}.clinic-gallery{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.clinic-photo-card{border-radius:var(--radius-lg);height:300px;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.clinic-photo-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.clinic-photo-overlay{transition:var(--transition);background:linear-gradient(#0000,#0a16284d);position:absolute;inset:0}.clinic-photo-card:hover .clinic-photo-overlay{background:0 0}@media (max-width:768px){.certs-gallery,.clinic-gallery{grid-template-columns:1fr}.cert-img-wrap{height:260px}.clinic-photo-card{height:220px}}.navbar{z-index:1000;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);background:#0a1628f7;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000004d}.navbar-scrolled{background:#0a1628;box-shadow:0 4px 30px #0006}.nav-inner{align-items:center;gap:16px;height:100%;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.nav-logo-text{flex-direction:column;line-height:1.1;display:flex}.nav-logo-name{font-family:var(--font-heading);color:var(--white);font-size:1.05rem;font-weight:700}.nav-logo-sub{color:var(--teal);letter-spacing:.05em;font-size:.68rem;font-weight:500}.nav-links{align-items:center;gap:2px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.nav-link{color:#ffffffeb;white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--teal);background:#ffffff12}.nav-arrow{font-size:.7rem;transition:all .2s;display:inline-block}.has-dropdown{position:relative}.has-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.has-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);opacity:0;visibility:hidden;z-index:100;background:#0a1628fa;border:1px solid #ffffff1a;min-width:480px;padding:16px;transition:all .25s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 20px 60px #0006}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.nav-dropdown-item{color:#ffffffbf;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.nav-dropdown-item:hover{color:var(--teal);background:#00d4aa14}.dropdown-dot{color:var(--teal);font-size:.5rem}.nav-cta{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-whatsapp{color:var(--white)!important;border-color:#ffffff4d!important}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.nav-hamburger span{background:var(--white);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0a1628fc;max-height:0;transition:max-height .4s;display:none;position:fixed;left:0;right:0;overflow:hidden}.mobile-menu.open{max-height:100vh}.mobile-menu-inner{flex-direction:column;gap:8px;padding:24px;display:flex}.mobile-link{color:var(--white);border-bottom:1px solid #ffffff14;border-radius:10px;padding:14px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:block}.mobile-link:hover{color:var(--teal)}.mobile-dropdown{flex-direction:column;gap:2px;padding:0 8px 8px;display:flex}.mobile-dropdown-item{color:#ffffffb3;border-radius:8px;padding:10px 16px;font-size:.875rem;text-decoration:none}.mobile-dropdown-item:hover{color:var(--teal)}.mobile-cta{flex-direction:column;gap:12px;margin-top:16px;display:flex}@media (max-width:860px){.nav-links,.nav-cta{display:none!important}.nav-hamburger{display:flex!important}.mobile-menu{display:block!important}}@media (min-width:861px){.mobile-menu,.nav-hamburger{display:none!important}}.wa-container{z-index:9999;opacity:0;flex-direction:column;align-items:flex-end;gap:12px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:32px;right:32px;transform:scale(.8)}.wa-container.visible{opacity:1;transform:scale(1)}.wa-tooltip{background:var(--navy);color:var(--white);box-shadow:var(--shadow-md);opacity:0;transition:var(--transition);pointer-events:none;white-space:nowrap;border-radius:50px;padding:8px 16px;font-size:.85rem;font-weight:500;transform:translate(10px)}.wa-container:hover .wa-tooltip{opacity:1;transform:translate(0)}.wa-btn{width:62px;height:62px;transition:var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 6px 24px #25d36673}.wa-btn:hover{transform:scale(1.12);box-shadow:0 8px 32px #25d366a6}.wa-pulse-ring{background:#25d36659;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:0}@media (max-width:640px){.wa-container{bottom:20px;right:20px}.wa-btn{width:54px;height:54px}}.get-directions-btn{background:var(--navy);color:var(--white);transition:var(--transition);white-space:nowrap;border-radius:50px;align-items:center;gap:6px;margin-top:10px;padding:7px 16px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.get-directions-btn:hover{background:var(--teal);color:var(--navy);transform:translateY(-2px)}.cc-btn{transition:var(--transition);border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.cc-btn-directions{background:var(--navy);color:var(--white)}.cc-btn-directions:hover{background:var(--teal);color:var(--navy);transform:translateY(-2px)}.admin-sidebar{flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:28px 24px;display:flex}.sidebar-clinic-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--white)!important}.sidebar-clinic-sub{font-size:.7rem;font-weight:500;color:var(--teal)!important}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:24px 16px;display:flex}.sidebar-link{color:#ffffffbf!important;transition:var(--transition)!important;cursor:pointer!important;text-align:left!important;width:100%!important;font-size:.9rem!important;font-weight:500!important;font-family:var(--font-body)!important;background:0 0!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;text-decoration:none!important;display:flex!important}.sidebar-link:hover{color:var(--white)!important;background:#ffffff17!important}.sidebar-link.active{color:var(--teal)!important;background:#00d4aa2e!important}.sidebar-label{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.sidebar-icon{text-align:center;flex-shrink:0;width:20px;font-size:1.1rem}.sidebar-bottom{border-top:1px solid #ffffff14;flex-direction:column;gap:4px;padding:16px;display:flex}.sidebar-logout{color:#ef4444cc!important}.sidebar-logout:hover{color:var(--danger)!important;background:#ef44441f!important}