:root{--blue-900: #063b5c;--blue-700: #0b74b8;--blue-100: #eaf6ff;--green-600: #22c55e;--green-100: #e6f7ef;--ink: #1f2937;--muted: #6b7280;--line: #e5eef7;--soft: #f5faff;--white: #ffffff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1240px,calc(100% - 48px));margin:0 auto}.siteHeader{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(229,238,247,.8);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.headerInner{display:flex;min-height:96px;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;gap:14px;color:var(--blue-900);font-size:24px;font-weight:800;white-space:nowrap}.logoMark{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--blue-700)}.logoMark span{position:relative;display:block;width:30px;height:18px;border-radius:4px;background:var(--white)}.logoMark span:after{position:absolute;inset:-6px 6px;border-radius:4px;background:var(--white);content:""}.desktopNav{display:flex;align-items:center;gap:30px;margin-left:auto;color:#374151;font-size:16px;font-weight:700}.desktopNav a:hover,.desktopNav a.active,.mobileNav a.active{color:var(--blue-700)}.button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:var(--blue-700);color:var(--white);cursor:pointer;font-weight:800;padding:0 26px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{box-shadow:0 14px 24px #0b74b82e;transform:translateY(-1px)}.button.small{min-height:48px;padding:0 22px}.button.secondary{border:2px solid var(--blue-700);background:var(--white);color:var(--blue-700)}.button.success{background:var(--green-600)}.iconButton{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--blue-900)}.mobileNav{display:grid;gap:12px;border-top:1px solid var(--line);padding:18px 24px 24px;color:var(--blue-900);font-weight:700}.mobileNav a:not(.button){border-radius:12px;padding:10px 12px}.mobileNav a:not(.button).active{background:var(--blue-100)}.hero{background:linear-gradient(135deg,#f5faff,#e6f7ef);padding:74px 0 96px}.heroGrid{display:grid;min-width:0;min-height:560px;align-items:center;gap:64px;grid-template-columns:minmax(0,1fr) minmax(420px,520px)}.eyebrow{margin:0 0 20px;color:var(--blue-700);font-size:14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:620px;margin-bottom:24px;color:var(--blue-900);font-size:clamp(46px,6vw,64px);font-weight:900;line-height:1.18}h2{color:var(--blue-900);font-size:clamp(32px,4vw,40px);font-weight:900;line-height:1.25}h3{color:var(--blue-900);font-size:24px;line-height:1.25}.lead,.sectionHeader p,.aboutText p,.appointmentSection p{color:var(--muted);font-size:18px}.lead{max-width:540px;margin-bottom:44px}.heroActions{display:flex;flex-wrap:wrap;gap:20px}.heroVisual,.heroPhoto,.aboutVisual,.aboutPhoto{position:relative;overflow:hidden;border-radius:40px;background:linear-gradient(135deg,#bde7ff,#d7fbe8)}.heroVisual,.heroPhoto{min-height:520px}.heroPhoto,.aboutPhoto{background-color:#d7f1f2;background-image:linear-gradient(180deg,#063b5c05,#063b5c1f),url(https://images.unsplash.com/photo-1579684385127-1ef15d508118?auto=format&fit=crop&w=1200&q=80);background-position:center;background-size:cover}.aboutPhoto{min-height:420px;background-image:linear-gradient(180deg,#063b5c05,#063b5c14),url(https://images.unsplash.com/photo-1584515933487-779824d29309?auto=format&fit=crop&w=1200&q=80)}.doctorIllustration{position:absolute;inset:0}.doctorIllustration .halo{position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffffbf;left:50%;top:36%;transform:translate(-50%,-50%)}.doctorIllustration .head{position:absolute;width:124px;height:124px;border-radius:50%;background:#0b74b8d1;left:50%;top:28%;transform:translate(-50%)}.doctorIllustration .body{position:absolute;width:240px;height:210px;border-radius:84px 84px 32px 32px;background:#0b74b8d1;left:50%;top:47%;transform:translate(-50%)}.doctorIllustration .coat{position:absolute;width:92px;height:180px;top:51%;border-radius:30px;background:#ffffffc7}.doctorIllustration .coat.left{left:calc(50% - 120px)}.doctorIllustration .coat.right{right:calc(50% - 120px)}.doctorIllustration .badge{position:absolute;width:44px;height:44px;border:8px solid var(--green-600);border-radius:50%;background:var(--white);left:calc(50% + 62px);top:57%}.doctorIllustration.compact .halo{width:220px;height:220px}.doctorIllustration.compact .head{width:84px;height:84px}.doctorIllustration.compact .body{width:170px;height:150px}.doctorIllustration.compact .coat{width:66px;height:126px}.doctorIllustration.compact .coat.left{left:calc(50% - 84px)}.doctorIllustration.compact .coat.right{right:calc(50% - 84px)}.doctorIllustration.compact .badge{width:32px;height:32px;border-width:6px}.careCard,.quickCards,.serviceCard,.doctorCard,.appointmentForm{box-shadow:0 18px 36px #0b74b814}.careCard{position:absolute;left:47px;bottom:42px;display:flex;width:min(260px,calc(100% - 72px));align-items:center;gap:16px;border-radius:24px;background:var(--white);padding:22px}.careIcon,.quickIcon,.serviceIcon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%}.careIcon{width:48px;height:48px;background:var(--green-600);color:var(--white)}.careCard strong,.careCard span{display:block}.careCard strong{color:var(--blue-900);font-size:20px}.careCard div span{color:var(--muted);font-size:15px}.quickCards{display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-top:26px;border:1px solid rgba(229,238,247,.95);border-radius:28px;background:var(--white);padding:28px 34px}.quickCard{display:flex;min-width:0;align-items:center;gap:18px;border-right:1px solid var(--line);padding-right:18px}.quickCard:last-child{border-right:0;padding-right:0}.quickIcon{width:52px;height:52px;background:var(--green-100);color:var(--green-600)}.quickCard:nth-child(2n) .quickIcon{background:var(--blue-100);color:var(--blue-700)}.quickCard h3{margin-bottom:4px;font-size:20px}.quickCard p{margin-bottom:0;color:var(--muted);font-size:15px;font-weight:600}.section{padding:184px 0 0}.pageMain{min-height:64vh}.pageIntro{background:linear-gradient(135deg,#f5faff,#e6f7ef);padding:86px 0 82px}.pageIntro h1{max-width:860px}.pageIntro .lead{margin-bottom:0}.pageMain .section,.pageMain .doctorsSection{padding-top:86px}.pageMain .splitSection{margin-top:0}.pageMain .appointmentSection{padding-top:86px}.plainSection{padding:88px 0}.twoColumn{display:grid;align-items:start;gap:72px;grid-template-columns:minmax(0,.9fr) minmax(360px,1fr)}.twoColumn p{color:var(--muted);font-size:18px}.stepList{display:grid;gap:14px;margin:0;padding:0;list-style:none}.stepList li{display:grid;align-items:center;gap:18px;grid-template-columns:44px 1fr;border:1px solid var(--line);border-radius:18px;background:var(--white);color:var(--blue-900);font-weight:800;padding:18px}.stepList span{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--blue-100);color:var(--blue-700)}.sectionHeader{max-width:830px;margin-bottom:52px}.sectionHeader h2{margin-bottom:18px}.serviceGrid{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.serviceCard,.doctorCard{min-width:0;border:1px solid var(--line);border-radius:28px;background:var(--white)}.serviceCard{min-height:220px;padding:36px}.serviceIcon{width:56px;height:56px;margin-bottom:38px;background:var(--blue-100);color:var(--blue-700)}.serviceCard:nth-child(2n) .serviceIcon{background:var(--green-100);color:var(--green-600)}.serviceCard h3{margin-bottom:16px}.serviceCard p{margin-bottom:0;color:var(--muted)}.splitSection{margin-top:120px;background:var(--soft);padding:110px 0}.splitGrid{display:grid;align-items:center;gap:100px;grid-template-columns:minmax(320px,520px) minmax(0,1fr)}.aboutVisual,.aboutPhoto{min-height:380px}.aboutText{max-width:620px}.aboutText h2{margin-bottom:24px}.aboutText p{margin-bottom:44px}.checkList{display:grid;gap:28px;margin:0;padding:0;list-style:none}.checkList li{color:var(--blue-900);font-size:20px;font-weight:800}.doctorsSection{padding-top:120px}.doctorGrid{display:grid;gap:50px;grid-template-columns:repeat(3,1fr)}.doctorCard{padding:30px}.doctorPhoto{position:relative;overflow:hidden;height:300px;margin-bottom:28px;border-radius:14px;background:var(--soft)}.doctorPhoto img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}.doctorPhoto:after{position:absolute;inset:0;background:linear-gradient(180deg,#063b5c00,#063b5c14);content:"";pointer-events:none}.doctorCard h3{margin-bottom:8px}.doctorCard p,.doctorCard span{display:block;color:var(--muted);font-size:15px;font-weight:600}.doctorCard p{margin-bottom:12px}.doctorCard small{display:block;min-height:44px;margin-bottom:16px;color:#4b5563;font-size:15px;line-height:1.45}.appointmentSection{padding:120px 0 60px}.appointmentGrid{display:grid;align-items:center;gap:48px;grid-template-columns:minmax(0,1fr) minmax(360px,520px);border-radius:40px;background:var(--blue-900);padding:64px 60px}.appointmentSection .eyebrow,.appointmentSection h2{color:var(--white)}.appointmentSection p{max-width:520px;color:#d1e8f8}.appointmentForm{display:grid;gap:16px;border-radius:28px;background:var(--white);padding:28px}.appointmentForm label{display:grid;gap:8px;color:var(--blue-900);font-size:14px;font-weight:800}.appointmentForm input,.appointmentForm select,.appointmentForm textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.appointmentForm input,.appointmentForm select{min-height:48px;padding:0 14px}.appointmentForm textarea{min-height:96px;padding:12px 14px;resize:vertical}.appointmentForm input:focus,.appointmentForm select:focus,.appointmentForm textarea:focus{border-color:var(--blue-700);outline:3px solid rgba(11,116,184,.14)}.appointmentForm button:disabled{cursor:wait;opacity:.72}.formRow{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.formStatus{margin:0;border-radius:12px;font-size:14px;font-weight:800;padding:12px 14px}.formStatus.success{background:var(--green-100);color:#13783c}.formStatus.error{background:#fee2e2;color:#b91c1c}.footer{background:var(--soft);padding:44px 0}.contactSection{padding:86px 0 110px}.noteGrid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.noteCard{border:1px solid var(--line);border-radius:18px;background:var(--soft);padding:22px}.noteCard p{margin:0;color:var(--blue-900);font-weight:800}.contactGrid{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.contactCard{min-width:0;border:1px solid var(--line);border-radius:28px;background:var(--white);box-shadow:0 18px 36px #0b74b814;overflow-wrap:anywhere;padding:36px}.contactCard h3{margin-bottom:12px}.contactCard p{margin-bottom:0;color:var(--muted);font-weight:700}.footerGrid{display:grid;align-items:center;gap:34px;grid-template-columns:1.2fr 1fr auto}.footer p{max-width:560px;margin:18px 0 0;color:var(--muted)}.logo,.quickCard,.serviceCard,.doctorCard,.appointmentForm,address span,.footerHours{overflow-wrap:anywhere}address,.footerHours{display:grid;gap:12px;color:var(--muted);font-style:normal;font-weight:700}address span,.footerHours span{display:inline-flex;align-items:center;gap:10px}.footerHours strong{color:var(--blue-900)}@media(max-width:1100px){.desktopNav,.headerCta{display:none}.menuButton{display:inline-flex;margin-left:auto}.heroGrid,.splitGrid,.appointmentGrid,.twoColumn{grid-template-columns:1fr}.heroGrid{gap:42px}.heroVisual,.heroPhoto{min-height:460px}.quickCards,.serviceGrid,.doctorGrid,.contactGrid,.noteGrid,.footerGrid{grid-template-columns:repeat(2,1fr)}.quickCard:nth-child(2){border-right:0;padding-right:0}.appointmentGrid{padding:54px 42px}}@media(max-width:760px){.container{width:min(100% - 32px,1240px)}.headerInner{min-height:78px;gap:16px}.logo{font-size:20px;gap:10px}.logoMark{width:44px;height:44px}.hero{padding:36px 0 56px}.pageIntro{padding:54px 0 56px}.heroGrid{gap:32px;min-height:auto}h1{font-size:40px}.lead,.sectionHeader p,.aboutText p,.appointmentSection p{font-size:16px}.heroActions,.button{width:100%}.heroVisual,.heroPhoto{min-height:390px;border-radius:28px}.careCard{left:24px;bottom:24px}.quickCards{grid-template-columns:1fr;gap:18px;margin-top:24px;padding:28px}.quickCard{border-right:0;border-bottom:1px solid var(--line);gap:16px;padding:0 0 18px}.quickCard:last-child{border-bottom:0;padding-bottom:0}.section{padding-top:86px}.serviceGrid,.doctorGrid,.contactGrid,.noteGrid,.footerGrid{grid-template-columns:1fr}.serviceGrid{gap:18px}.serviceCard,.doctorCard,.contactCard{border-radius:14px}.serviceCard{min-height:auto;padding:22px 20px;box-shadow:0 10px 24px #0b74b80f}.serviceIcon{width:46px;height:46px;margin-bottom:18px}.serviceCard h3{margin-bottom:12px;font-size:20px}.serviceCard p{font-size:15px;line-height:1.55}.splitSection{margin-top:80px;padding:78px 0}.splitGrid{gap:48px}.aboutVisual,.aboutPhoto{min-height:320px}.appointmentGrid{border-radius:28px;padding:36px 22px}.appointmentForm{padding:20px}.contactSection{padding:56px 0 76px}.formRow{grid-template-columns:1fr}}@media(max-width:420px){.container{width:min(100% - 24px,1240px)}.headerInner{min-height:70px;gap:12px}.logo{font-size:18px}.logoMark{width:40px;height:40px}.logoMark span{width:24px;height:14px}.logoMark span:after{inset:-5px 5px}.iconButton{width:40px;height:40px}h1{font-size:34px}h2{font-size:28px}h3{font-size:21px}.eyebrow{font-size:12px}.heroVisual,.heroPhoto{min-height:330px}.careCard{width:calc(100% - 32px);left:16px;bottom:16px;padding:16px}.careIcon{width:42px;height:42px}.careCard strong{font-size:18px}.quickCard{align-items:flex-start}.quickCards,.serviceCard,.doctorCard,.contactCard{padding:20px}.quickIcon,.serviceIcon{width:44px;height:44px}.checkList{gap:20px}.checkList li{font-size:17px}.appointmentSection{padding-top:78px}.appointmentGrid{padding:30px 16px}.appointmentForm{border-radius:20px;padding:16px}}
