*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#087f5b;--green2:#18a957;--blue:#123e91;--ink:#102a43;--muted:#607d8b;--line:#dbe7ef;--soft:#f4faf8;--blueSoft:#f2f7ff;--white:#fff;--red:#e53935}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.container{width:min(1180px,92%);margin:auto}
.navbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #edf2f5;box-shadow:0 3px 20px rgba(16,42,67,.05)}
.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{width:150px;height:62px;object-fit:contain}
.nav-menu{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:600}
.nav-menu>a{padding:27px 0;position:relative;white-space:nowrap}
.nav-menu>a:hover,.nav-menu>a.active{color:var(--green)}
.nav-menu>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}
.nav-search{width:36px;height:36px;border:1px solid #b8d8cc;background:white;border-radius:50%;color:var(--green);cursor:pointer}
.health-btn,.btn-primary{background:var(--green);color:white!important;border-radius:9px;padding:11px 17px!important;box-shadow:0 8px 20px rgba(8,127,91,.16)}
.health-btn:after{display:none!important}
.menu-toggle{display:none;border:0;background:transparent;font-size:27px;color:var(--ink);cursor:pointer}
.hero{padding:76px 0 44px;overflow:hidden;background:radial-gradient(circle at 80% 35%,#e9f9f2 0,#fff 40%),linear-gradient(180deg,#fff,#f8fcff)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--green)}
.hero h1{font-size:50px;line-height:1.08;margin:14px 0 20px;letter-spacing:-1.5px}
.hero h1 span{color:var(--green)}
.hero p{max-width:590px;color:#526b7a;font-size:16px}
.hero-actions{display:flex;gap:12px;margin:28px 0}
.btn{display:inline-flex;align-items:center;gap:12px;border-radius:9px;padding:12px 18px;font-size:13px;font-weight:700;transition:.25s}
.btn:hover{transform:translateY(-2px)}
.btn-outline{border:1px solid #b7d7cc;color:var(--green);background:#fff}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#4c6a61;font-weight:600}
.hero-visual{min-height:390px;position:relative;display:grid;place-items:center}
.doctor-card{width:310px;height:330px;border-radius:46% 54% 48% 52%;background:linear-gradient(145deg,#0c9c58,#0d4f94);position:relative;box-shadow:0 30px 70px rgba(18,62,145,.17);overflow:hidden}
.medical-cross{position:absolute;left:50%;top:24%;transform:translate(-50%,-50%);font-size:92px;color:rgba(255,255,255,.94);font-weight:800}
.doctor-illustration,.patient-illustration{position:absolute;font-size:120px;bottom:25px;filter:drop-shadow(0 12px 9px rgba(0,0,0,.12))}
.doctor-illustration{right:22px}.patient-illustration{left:22px;font-size:100px}
.pulse{position:absolute;bottom:82px;left:0;right:0;text-align:center;color:#b8ffe1;font-size:34px}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-one{width:150px;height:150px;background:#baf5dd;top:8px;right:10px}.orb-two{width:90px;height:90px;background:#cfe2ff;bottom:20px;left:30px}
.float-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid #e1ebef;border-radius:13px;padding:12px 16px;box-shadow:0 15px 35px rgba(16,42,67,.1);font-size:20px;color:var(--green);display:grid;grid-template-columns:30px 1fr;align-items:center;column-gap:7px}
.float-card strong{font-size:12px;color:var(--ink)}.float-card small{font-size:9px;color:var(--muted);grid-column:2}
.float-one{left:4%;top:30%}.float-two{right:0;bottom:22%}
.search-wrap{margin-top:-5px;position:relative;z-index:3}.search-box{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d8e7ee;border-radius:16px;padding:9px 10px;box-shadow:0 15px 35px rgba(16,42,67,.1)}
.search-box>span{font-size:24px;color:#8ba1ae;margin-left:12px}.search-box input{border:0;outline:0;flex:1;color:var(--ink);font-size:13px}.search-box button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:11px 24px;font-weight:700;cursor:pointer}
.popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 4px;font-size:11px;color:#68808c}.popular button{border:1px solid #e0e9ed;background:#fff;border-radius:30px;padding:6px 12px;color:#466171;cursor:pointer}.search-message{min-height:18px;color:var(--green);font-size:12px;font-weight:600}
.section{padding:65px 0}.soft-bg{background:linear-gradient(180deg,#f8fcfb,#fff)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{font-size:27px;letter-spacing:-.5px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.section-link{font-size:12px;color:var(--green);font-weight:700;white-space:nowrap}
.system-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.system-card{padding:20px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;min-height:285px;transition:.25s;box-shadow:0 4px 15px rgba(16,42,67,.03)}.system-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(16,42,67,.1)}
.system-icon{font-size:52px;height:75px;display:grid;place-items:center}.system-card h3{font-size:16px}.system-card>span{font-size:10px;color:var(--muted)}.system-card ul{list-style:none;margin:12px 0;font-size:10px;color:#526b7a}.system-card li{margin:5px 0}.system-card li:before{content:"•";color:var(--green);margin-right:6px}.system-card a{font-size:10px;color:var(--green);font-weight:800}.heart{background:#fff9fa}.lungs{background:#f7fbff}.spine{background:#fbf9ff}.kidney{background:#f8fcfa}.brain{background:#fffaf6}
.disease-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 5px 18px rgba(16,42,67,.03)}.info-panel h3{font-size:13px;color:var(--blue);margin-bottom:15px}.mini-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;color:#526b7a}
.symptom-banner{background:linear-gradient(100deg,#eef9f5,#f5f9ff);border:1px solid #d7ebe3;border-radius:16px;padding:30px 42px;display:grid;grid-template-columns:270px 1fr;align-items:center;gap:25px;overflow:hidden}.symptom-art{height:220px;background:radial-gradient(circle,#d4f1e5,transparent 65%);font-size:135px;display:grid;place-items:center;position:relative}.symptom-art span{position:absolute;font-size:30px;background:#fff;padding:7px;border-radius:50%;box-shadow:0 6px 16px #bfdcd2}.symptom-art span:nth-child(2){top:20px;right:35px}.symptom-art span:nth-child(3){bottom:35px;left:30px}.symptom-art span:nth-child(4){top:75px;left:15px}.symptom-art span:nth-child(5){bottom:10px;right:35px}.symptom-banner h2{font-size:23px}.symptom-banner p{font-size:12px;color:var(--muted);max-width:650px;margin:7px 0 15px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.chips span{background:#fff;border:1px solid #dbe9e5;border-radius:20px;padding:6px 10px;font-size:10px;color:#4c6a61}
.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nutrition-card{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fff;box-shadow:0 4px 15px rgba(16,42,67,.03)}.food-icon{font-size:44px}.nutrition-card h3{font-size:14px;margin:7px 0 12px}.nutrition-card b{font-size:10px;color:var(--green)}.nutrition-card p{font-size:10px;color:var(--muted);margin:2px 0 9px}.nutrition-card a,.tools-grid a,.terms-grid a,.article-grid a{font-size:10px;color:var(--green);font-weight:800}.disclaimer{font-size:10px;text-align:center;color:#7b8e98;margin-top:18px}
.health-tools{background:linear-gradient(110deg,#f3f8ff,#f5fcf9)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tools-grid article{background:rgba(255,255,255,.85);border:1px solid #d8e7ef;border-radius:13px;padding:22px}.tool-icon{font-size:38px}.tools-grid h3{font-size:14px;margin:8px 0 5px}.tools-grid p{font-size:11px;color:var(--muted);margin-bottom:10px}
.terms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.terms-grid article{border:1px solid var(--line);border-radius:12px;padding:17px;background:#fff}.terms-grid h3{font-size:12px}.terms-grid p{font-size:10px;color:var(--muted);margin:6px 0 12px}
.hospital-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.hospital-grid article{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;position:relative}.hospital-image{height:110px;background:linear-gradient(135deg,#dff1ff,#e9f9f2);display:grid;place-items:center;font-size:58px}.hospital-grid h3{font-size:12px;padding:10px 11px 2px}.hospital-grid p{font-size:9px;color:var(--muted);padding:0 11px}.hospital-grid span{display:inline-block;font-size:8px;color:var(--blue);background:#eef4ff;padding:4px 7px;border-radius:12px;margin:8px 11px}.hospital-grid strong{position:absolute;right:10px;bottom:10px;font-size:10px;color:#d19a00}
.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.article-grid article{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff;padding-bottom:15px}.article-image{height:125px;background:linear-gradient(135deg,#e8f7f1,#edf5ff);display:grid;place-items:center;font-size:65px}.article-grid small{display:inline-block;color:var(--green);font-size:9px;font-weight:800;margin:12px 14px 4px}.article-grid h3{font-size:13px;padding:0 14px}.article-grid p{font-size:10px;color:var(--muted);padding:5px 14px 12px}.article-grid a{padding:0 14px}
.emergency{padding:0 0 50px}.emergency-inner{background:#fff4f4;border:1px solid #f3baba;border-radius:13px;padding:17px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.emergency h2{font-size:15px;color:#b42323}.emergency p{font-size:10px;color:#7b6262}.emergency-btn{background:var(--red);color:#fff;border-radius:8px;padding:10px 16px;font-size:11px;font-weight:700;white-space:nowrap}
.footer{background:#092d45;color:#dbeaf0;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.4fr;gap:30px}.footer-brand img{width:160px;height:65px;object-fit:contain;background:#fff;border-radius:6px}.footer p{font-size:10px;color:#a8c1cd;margin:10px 0}.footer h4{font-size:12px;color:#fff;margin-bottom:13px}.footer>div a{display:block;font-size:10px;color:#b8ccd5;margin:7px 0}.socials{display:flex;gap:7px}.socials a{width:27px;height:27px;border:1px solid #55798a;border-radius:50%;display:grid!important;place-items:center;margin:0!important}.footer form{display:flex;gap:5px}.footer input{min-width:0;flex:1;border:0;border-radius:6px;padding:9px;font-size:10px;outline:0}.footer form button{border:0;background:var(--green2);color:#fff;border-radius:6px;padding:8px 10px;font-size:10px;cursor:pointer}.footer-bottom{text-align:center;border-top:1px solid #1c4960;margin-top:35px;padding:15px;font-size:9px;color:#94adba}
.top-btn{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border:0;border-radius:50%;background:var(--green);color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.18);cursor:pointer;display:none;z-index:90}
@media(max-width:1050px){.nav-menu{gap:13px}.nav-menu>a{font-size:10px}.system-grid{grid-template-columns:repeat(3,1fr)}.hospital-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.terms-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.nav-inner{min-height:65px}.brand img{width:135px}.menu-toggle{display:block}.nav-menu{display:none;position:absolute;left:0;right:0;top:65px;background:#fff;border-bottom:1px solid #e6eef1;padding:12px 4%;box-shadow:0 15px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0}.nav-menu.open{display:flex}.nav-menu>a{padding:12px 4px;font-size:12px}.nav-menu>a.active:after{display:none}.nav-search{margin:8px 0}.health-btn{text-align:center}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-visual{min-height:330px}.doctor-card{width:255px;height:285px}.float-card{transform:scale(.86)}.section{padding:48px 0}.section-heading{align-items:flex-start;flex-direction:column}.system-grid,.disease-grid,.tools-grid,.hospital-grid,.article-grid{grid-template-columns:1fr 1fr}.nutrition-grid{grid-template-columns:1fr 1fr}.terms-grid{grid-template-columns:1fr 1fr}.symptom-banner{grid-template-columns:1fr;padding:25px}.symptom-art{height:180px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}
@media(max-width:480px){.hero h1{font-size:34px}.hero-actions{flex-direction:column}.btn{justify-content:center}.trust-row{display:grid;grid-template-columns:1fr 1fr}.search-box button{padding:10px 13px}.search-box input{font-size:11px}.system-grid,.disease-grid,.tools-grid,.hospital-grid,.article-grid,.nutrition-grid,.terms-grid{grid-template-columns:1fr}.popular strong{width:100%}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.emergency-inner{align-items:flex-start;flex-direction:column}.emergency-btn{width:100%;text-align:center}}