*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Helvetica Nueue,Arial,sans-serif;color:#0a2540;background:#fff;line-height:1.6}.container{max-width:1100px;margin:auto;padding:1rem}header{background-color:#fff;border-bottom:2px solid #FF7A00;position:sticky;top:0;z-index:100}header .logo{font-size:1.8rem;font-weight:700;color:#001f54}header nav a{margin-left:1.5rem;text-decoration:none;color:#001f54;font-weight:500;transition:color .2s}header nav a:hover{color:#ff7a00}section h2{color:#001f54;margin-bottom:.5rem}section p{color:#001f54;margin-bottom:1rem}section{padding:4rem 1rem;background-color:#fff;text-align:center}#services,#doctors{background-color:#87ceeb22;padding:4rem 1rem}form{max-width:500px;margin:2rem auto;display:flex;flex-direction:column}input,textarea{padding:.75rem;margin-bottom:1rem;border:1px solid #001F54;border-radius:6px;font-size:1rem}button{padding:.85rem;background-color:#ff7a00;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#ff9500}footer{background-color:#001f54;color:#fff;text-align:center;padding:2rem 1rem}.reveal{opacity:0;transform:translateY(30px);transition:opacity .45s ease-out,transform .45s ease-out;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,1,.36,1)}footer.reveal{transform:none}@media(max-width:768px){header .container{flex-direction:column;text-align:center}header nav a{margin:.5rem;display:inline-block}}html{font-size:16px}@media(max-width:900px){html{font-size:15px}}@media(max-width:600px){html{font-size:14px}}button{min-height:44px}@media(max-width:768px){.hero .container{flex-direction:column;gap:2rem}.hero img{height:auto;max-height:320px}.hero h1{font-size:1.8rem;line-height:1.25}.hero p{font-size:.95rem}.hero ul{padding-left:0}}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.header{position:sticky;top:18px;z-index:1000;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 20px;border-radius:14px;box-shadow:0 12px 20px #00000014;border:none;max-width:calc(100% - 40px)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.4rem;flex-wrap:wrap}.header img{height:58px;width:auto;flex-shrink:0}.header nav{display:flex;gap:1.6rem}.header nav a{text-decoration:none;color:#0a2540;font-weight:500;position:relative;white-space:nowrap}.header nav a:hover,.header nav a.active{color:#f97316}.header nav a:focus{outline:none}@media(max-width:600px){.header{top:10px;margin:0 10px;max-width:calc(100% - 20px)}.header .container{padding:.6rem 1rem;justify-content:center;gap:.8rem}.header img{height:50px!important}.header nav{gap:1rem;font-size:.9rem}}@media(max-width:400px){.header nav{width:100%;justify-content:center;border-top:1px solid rgba(0,0,0,.05);padding-top:.5rem}}.hero-bullet{opacity:0;transform:translateY(10px);animation:bulletFadeUp 5s ease forwards}@keyframes bulletFadeUp{to{opacity:1;transform:translateY(0)}}.liquid-text{background:linear-gradient(120deg,#f97316,#fb923c,#fd7474,#f97316,#ea580c);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:liquidGradient 6s ease infinite}@keyframes liquidGradient{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.hero-image{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 1s ease-in-out}@media(max-width:1024px){.hero .container{gap:2rem!important}}@media(max-width:900px){.hero{min-height:100dvh!important;padding:1.5rem 0!important;display:flex;align-items:center}.hero .container{flex-direction:column!important;gap:2rem!important}.hero-image-wrapper{width:100%!important;height:320px!important;max-width:520px;overflow:hidden;border-radius:18px}.hero-text-content{max-width:100%!important;text-align:center;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:2.2rem!important;text-align:center}.hero p{text-align:center}.hero ul{align-items:flex-start!important;display:inline-block!important;text-align:left}}@media(max-width:480px){.hero h1{font-size:1.8rem!important}.hero-image-wrapper{height:280px!important}}#services{padding:.2rem;background:#f8fafc}.services-section{padding:3rem 0;background:#fff;opacity:0;transform:translateY(60px);transition:opacity 1s ease-out,transform 1s cubic-bezier(.16,1,.3,1)}.services-section.show{opacity:1;transform:translateY(0)}.services-section .segment{opacity:0;transition:fill .3s ease,transform .3s ease,filter .3s ease,opacity .8s ease}.services-section.show .segment{opacity:1}.segment:hover{transform:scale(1.05)}.services-header{text-align:center;margin-bottom:.0008rem}.services-header h2{color:#0a2540;font-size:1.6rem}.services-header p{max-width:600px;margin:.75rem auto 0;color:#4a5568;line-height:1.1}.circle-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:640px;margin:0 auto}.circle-wrapper svg{width:100%;height:auto}.segment{stroke:#ff6a00;stroke-width:2.5;cursor:pointer;transition:transform .3s ease,filter .3s ease;transform-origin:center}.segment.filled{fill:#ff6a00}.segment.outline{fill:#fff}.segment.outline:hover{fill:#ffe5c6}.segment:hover{transform:scale(1.05);filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.segment.active{filter:drop-shadow(0 10px 25px rgba(0,0,0,.25))}.segment-number{font-size:20px;font-weight:700;fill:#0a2540;pointer-events:none}.segment-label{font-size:14px;font-weight:600;fill:#0a2540;pointer-events:none}.center-content{position:absolute;width:40%;text-align:center;pointer-events:none}.center-content h3{color:#ff6a00;margin-bottom:.5rem;font-size:clamp(.9rem,4vw,1.3rem)}.center-content p{font-size:clamp(.7rem,2.5vw,.92rem);line-height:1.4;color:#333}@media(max-width:900px){.services-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:600px){.circle-wrapper{position:relative;width:100%;max-width:640px;aspect-ratio:1 / 1;margin:0 auto;display:flex;justify-content:center;align-items:center}.circle-wrapper svg{width:100%;height:100%}.center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;text-align:center;pointer-events:none;z-index:10}.center-content h3{font-size:clamp(1rem,4vw,1.3rem);margin-bottom:.5rem}.center-content p{font-size:clamp(.7rem,2.8vw,.92rem);line-height:1.4}iframe{height:220px!important}}#doctors{padding:4rem 0;background-color:#fff}.doctors-header{text-align:center;margin-bottom:3rem}.doctors-header h2{color:#0a2540;font-size:2rem}.doctors-grid{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:4rem;padding:0 1.5rem}.doctor-card{text-align:center;cursor:pointer;width:100%}.doctor-poster{position:relative;height:340px;background-color:#ffe5c6;border-radius:18px;display:flex;align-items:flex-end;justify-content:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .35s ease,outline .3s ease;outline:4px solid transparent;outline-offset:10px}.doctor-card:hover .doctor-poster,.active-selection{transform:scale(1.03);background-color:#f97316!important;outline:4px solid #f97316!important;box-shadow:0 10px 30px #0000001a}.doctor-img-container{position:absolute;inset:0;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.doctor-overlay{position:absolute;inset:0;background:#f9741600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:1.6rem;display:flex;flex-direction:column;justify-content:center;text-align:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:5}.doctor-overlay.show{opacity:1;transform:translateY(0);pointer-events:auto}.doctor-img{height:auto;transition:transform .5s ease,filter .5s ease;z-index:1}.doctor-img.blurred{filter:blur(4px) brightness(.8);transform:scale(1.1)}.doctor-img.female{height:340px}.doctor-img.male{height:295px}.doctor-qual{font-weight:700;margin-bottom:.8rem;font-size:1.1rem;color:#fff}.doctor-details{list-style:none;padding:0}.doctor-details li{margin-bottom:.5rem;font-size:.95rem;font-weight:500}.doctor-name{margin-top:1.8rem;font-size:1.35rem;color:#fd7474;font-weight:700;transition:color .3s ease}.doctor-card:hover .doctor-name{color:#f97316}@media(max-width:900px){.doctors-grid{grid-template-columns:minmax(0,320px);gap:3.5rem}}@media(max-width:400px){.doctor-poster{outline-offset:6px}}.reviews{padding:4rem 1rem;text-align:center;background:#f8fafc}.reviews-title{font-size:2rem;color:#0a2540;margin-bottom:2rem}.reviews-scroll{display:flex;gap:1.5rem;padding:1rem 0;overflow-x:auto;scrollbar-width:none}.reviews-scroll::-webkit-scrollbar{display:none}.review-card{min-width:300px;max-width:350px;height:280px;flex-shrink:0;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 12px 25px #00000014;text-align:left;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.review-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0000001f}.review-stars{color:#f97316;font-size:1.1rem;margin-bottom:.6rem}.review-text{font-size:.95rem;color:#334155;line-height:1.6;flex-grow:1;max-height:150px;overflow-y:auto;padding-right:10px;margin-bottom:1rem}.review-text::-webkit-scrollbar{width:4px}.review-text::-webkit-scrollbar-thumb{background:#0a254033;border-radius:10px}.review-text{scrollbar-width:thin;scrollbar-color:rgba(10,37,64,.2) transparent}.review-name{font-weight:600;color:#0a2540;margin-top:auto}.reviews-button{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;background:#f97316;color:#fff;padding:.75rem 1.6rem;border-radius:8px;font-weight:600;text-decoration:none;box-shadow:0 8px 18px #f9731659;transition:transform .25s ease,box-shadow .25s ease}.reviews-button:hover{transform:translateY(-6px);box-shadow:0 12px 20px #f974168f}.appointment-section{background-color:#f4fbff;background-image:radial-gradient(at 0% 0%,rgba(249,115,22,.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(10,37,64,.05) 0,transparent 50%)}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto}@keyframes liquidGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.liquid-text{background:linear-gradient(120deg,#f97316,#fb923c,#fd7474,#f97316,#ea580c);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:liquidGradient 6s ease infinite;font-size:2.8rem;font-weight:800;min-height:80px;margin-bottom:1rem}.cursor{color:#f97316;font-weight:300;animation:blink 1s step-end infinite;margin-left:4px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.appointment-info p{color:#4a5568;line-height:1.6;font-size:1.1rem}.contact-details{margin-top:2.5rem}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:15px}.icon{width:22px;height:22px;color:#f97316;flex-shrink:0}.contact-item p{margin:0;font-weight:500;color:#0a2540}.appointment-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000000d;border:1px solid rgba(10,37,64,.05)}.form-group{margin-bottom:1.2rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem;border-radius:10px;border:1px solid #e2e8f0;outline:none;font-family:inherit;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.submit-btn{width:100%;background:#f97316;color:#fff;padding:1rem;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover:not(:disabled){background:#ea580c;transform:translateY(-2px);box-shadow:0 5px 15px #ea580c4d}.submit-btn:disabled{background:#cbd5e0;cursor:not-allowed}.msg{margin-top:1.2rem;font-weight:600;text-align:center;font-size:.9rem}.msg.success{color:#10b981}.msg.error{color:#ef4444}@media(max-width:900px){.appointment-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.contact-details{display:inline-block;text-align:left}.contact-item{justify-content:center}.liquid-text{font-size:2.2rem;min-height:60px}}@media(max-width:480px){.appointment-card{padding:1.5rem}.liquid-text{font-size:1.8rem}}.contact-section{background:#001f54;padding:5rem 1.5rem;color:#f4efe6}.contact-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center;width:100%;box-sizing:border-box}.contact-left{display:flex;flex-direction:column;gap:1.6rem;align-items:center;text-align:center}.contact-logo{width:230px;height:auto;filter:grayscale(100%) brightness(1.4);opacity:.9;transition:filter .35s ease,opacity .35s ease,transform .35s ease;margin:0 auto}.contact-logo:hover{filter:grayscale(0%) brightness(1);opacity:1;transform:translateY(-2px)}.contact-description,.contact-quote{color:#bed9f1;line-height:1.75;font-size:.98rem;max-width:480px;text-align:center}.contact-quote{line-height:.5}.contact-socials{display:flex;gap:1.1rem;padding:.6rem .9rem;width:fit-content;border-radius:999px;background:#ffceab;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #0000002e;margin:0 auto}.contact-socials img{width:20px;height:20px;filter:brightness(0) invert(.007);opacity:.85;transition:transform .25s ease,opacity .25s ease,filter .25s ease}.contact-divider{width:1px;height:270px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.25),transparent)}.contact-right{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.visiting-title{font-size:2.1rem;color:#ffceab;letter-spacing:.5px}.visiting-days,.visiting-time{font-size:1.05rem;color:#bed9f1}.contact-map iframe{width:360px;max-width:100%;height:210px;border:none;border-radius:16px;box-shadow:0 12px 30px #00000059,0 0 0 1px #ffffff0d}@media(max-width:900px){.contact-container{grid-template-columns:1fr;text-align:center}.contact-divider{display:none}.contact-description{max-width:600px}.services-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:600px){iframe{height:220px!important}}.footer{background-color:#001f54;color:#cbd5e1;padding:1.6rem 1rem;text-align:center;font-size:.85rem;width:100%;box-sizing:border-box}.footer-credit{margin-bottom:.35rem;font-size:.78rem;color:#94a3b8;line-height:1.4}.footer-main{margin:.25rem 0;font-size:.85rem;font-weight:500;color:#64748b}.footer-sub{margin-top:.35rem;font-size:.78rem;color:#94a3b8;line-height:1.5;word-break:break-word}@media(max-width:480px){.footer{padding:2rem 1rem}}
