:root{--navy:#0b3155;--blue:#096bd8;--teal:#09a99e;--green:#078968;--ink:#112b43;--muted:#65788a;--bg:#f5f8fb;--line:#dce6ef;--danger:#b43232;--shadow:0 18px 54px #1436521a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1180px;margin:auto;padding:0 20px}.siteHeader{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:22px;height:74px;display:flex}.brand{align-items:center;display:flex}.brand img{width:148px;height:auto}.nav{align-items:center;gap:7px;display:flex}.nav a{color:#365069;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:750}.nav .navPrimary{background:var(--navy);color:#fff}.mobileNav{display:none}.heroWrap{padding:58px 0 28px}.hero{color:#fff;background:linear-gradient(132deg,#0b3155,#0f4e80 52%,#0a938d 120%);border-radius:30px;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;min-height:460px;padding:58px;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 65px #0a315533}.heroCopy,.heroVisual{z-index:1;position:relative}.eyebrow{background:#ffffff1c;border:1px solid #ffffff29;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-2.2px;margin:18px 0 16px;font-size:51px;line-height:1.03}.hero p{color:#d9e7f2;margin:0;font-size:18px;line-height:1.65}.heroActions{flex-wrap:wrap;gap:11px;margin-top:26px;display:flex}.btn{background:var(--blue);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:850;display:inline-flex}.btn.primaryLight{color:var(--navy);background:#fff}.btn.green{background:var(--green)}.btn.soft{color:#0a5daa;background:#eaf3fb}.btn.ghost{color:var(--navy);border:1px solid var(--line);background:#fff}.btn.danger{color:var(--danger);background:#fff1f1;border:1px solid #f0cccc}.btn:disabled{opacity:.5;cursor:not-allowed}.heroVisual{justify-content:center;display:flex}.passCard{width:min(420px,100%);color:var(--ink);background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 80px #0003}.passTop{justify-content:space-between;align-items:center;display:flex}.passLogo{width:130px}.passTag{color:#63778a;background:#f0f5f8;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.passCode{letter-spacing:3px;color:var(--navy);padding:14px 0;font-size:34px;font-weight:950}.passMeta{color:#607387;border-top:1px dashed #cbd7e0;justify-content:space-between;padding-top:17px;font-size:13px;display:flex}.passMeta strong{color:var(--ink);font-size:15px;display:block}.trustRow{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 48px;display:grid}.trust{border:1px solid var(--line);background:#fff;border-radius:17px;gap:13px;padding:18px;display:flex}.trustIcon{width:42px;height:42px;color:var(--blue);background:#e9f5fb;border-radius:12px;flex:none;place-items:center;font-weight:950;display:grid}.trust b{display:block}.trust span,.helper{color:var(--muted);font-size:13px;line-height:1.5}.section{padding:28px 0 54px}.sectionHead{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:18px;display:flex}.sectionHead h2{margin:0;font-size:31px}.input,.select{width:100%;color:var(--ink);background:#fff;border:1px solid #cdd9e3;border-radius:12px;outline:none;padding:12px 13px}.serviceGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.serviceCard,.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:19px;box-shadow:0 7px 25px #1436520b}.serviceCard{flex-direction:column;min-height:238px;display:flex}.category{color:#0c71bd;text-transform:uppercase;font-size:12px;font-weight:900}.serviceCard h3{margin:8px 0 6px}.clinicLine{color:var(--muted);font-size:14px}.priceRow{align-items:flex-end;gap:9px;margin:20px 0 14px;display:flex}.priceOld{color:#8b99a5;text-decoration:line-through}.priceNew{color:var(--green);font-size:27px;font-weight:950}.saveChip{color:#087657;background:#e9f7f2;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:11px;font-weight:900}.serviceCard .btn{margin-top:auto}.empty{text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd9e5;border-radius:18px;grid-column:1/-1;padding:28px}.steps{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.stepNo{background:var(--navy);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.step p{color:var(--muted);font-size:13px}.ctaBand{background:linear-gradient(110deg,#e9f4ff,#e9faf6);border:1px solid #d2e6f1;border-radius:22px;justify-content:space-between;align-items:center;padding:28px;display:flex}.footer{color:#d5e2ed;background:#082642}.footerInner{justify-content:space-between;align-items:center;padding:34px 20px;display:flex}.footer small{color:#9fb4c6}.footerLinks{gap:16px;display:flex}.appPage{min-height:100vh}.appHero{color:#fff;background:linear-gradient(135deg,#0b3155,#0b697f);padding:30px 0 50px}.appHeader{justify-content:space-between;align-items:center;display:flex}.appHeader .brand img{filter:brightness(0)invert()}.appHeader>div{gap:8px;display:flex}.appHero h1{margin:28px 0 7px;font-size:34px}.appHero p{color:#d4e4ee}.appMain{margin-top:-28px;padding-bottom:70px}.panelGrid{grid-template-columns:300px 1fr;gap:18px;display:grid}.memberCard{color:#fff;background:linear-gradient(145deg,#0b3155,#0b5a7e)}.memberId{letter-spacing:6px;margin:12px 0;font-size:38px;font-weight:950}.memberCard p{color:#cbdce8}.panelTitle,.visitTop,.patientBadge,.summaryItem,.summaryTotal,.confirmService,.confirmTotal{justify-content:space-between;align-items:center;gap:12px;display:flex}.panelTitle h2{margin:0}.notice{color:#087355;background:#edf8f4;border-radius:11px;margin:12px 0;padding:12px;font-size:13px;font-weight:750}.notice.error{color:#aa3934;background:#fff0ef}.notice.warn{color:#966300;background:#fff5df}.loginBox{max-width:500px;margin:36px auto}.field{margin:12px 0}.field label{margin-bottom:6px;font-weight:800;display:block}.otpRow{grid-template-columns:1fr auto;gap:9px;display:grid}.divider{background:#edf1f4;height:1px;margin:17px 0}.codeBuilder{grid-template-columns:1fr 300px;gap:16px;display:grid}.catalogMini{gap:9px;max-height:560px;margin-top:10px;display:grid;overflow:auto}.offerRow{text-align:left;background:#fff;border:1px solid #dce6ed;border-radius:14px;grid-template-columns:1fr auto;padding:13px;display:grid}.offerRow.selected{background:#f5faff;border-color:#62a9e8}.offerRow h4,.offerRow p{margin:0}.offerRow p{color:var(--muted);font-size:12px}.offerPrice{text-align:right;color:var(--green);font-weight:900}.offerPrice span{color:#8a9aa7;font-size:11px;text-decoration:line-through;display:block}.summaryBox{position:sticky;top:94px}.summaryRows{gap:9px;margin:14px 0;display:grid}.summaryTotal{border-top:1px solid var(--line);padding-top:13px;font-size:18px;font-weight:950}.summaryBox .btn,.clinicTools .btn,.loginBox .btn{width:100%;margin-top:10px}.history{margin-top:16px}.visit{border:1px solid #e2eaf1;border-radius:14px;margin-top:10px;padding:15px}.visitCode{font-size:18px;font-weight:950}.status{color:#087758;background:#e9f7f1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.status.checked_in{color:#1264b1;background:#e8f2ff}.status.clinic_submitted{color:#986300;background:#fff3dc}.status.disputed{color:#a83d38;background:#fff0ef}.visitMeta{color:#66798b;flex-wrap:wrap;gap:15px;margin-top:11px;font-size:13px;display:flex}.clinicWorkspace{grid-template-columns:1fr 300px;gap:16px;display:grid}.codeLookup{gap:9px;display:flex}.patientBadge{background:#f4f8fb;border-radius:14px;margin:13px 0;padding:14px}.items{gap:8px;margin-top:16px;display:grid}.itemCheck{border:1px solid #e0e8ef;border-radius:13px;align-items:center;gap:11px;padding:12px;display:flex}.itemCheck label{flex:1}.itemCheck small{color:var(--muted)}.clinicTools h3{margin-top:0}.totalBox{color:var(--green);margin:8px 0;font-size:28px;font-weight:950}.confirmShell{max-width:640px;margin:60px auto;padding:0 18px}.confirmLogo{text-align:center}.confirmLogo img{width:180px}.confirmCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:26px}.confirmServices{gap:8px;margin:18px 0;display:grid}.confirmService{border-bottom:1px solid #edf1f4;padding:11px 0}.confirmTotal{padding:14px 0;font-size:20px;font-weight:950}.confirmActions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.successIcon{width:68px;height:68px;color:var(--green);background:#e9f7f1;border-radius:50%;place-items:center;margin:auto;font-size:32px;display:grid}.center{text-align:center}@media (max-width:900px){.hero{grid-template-columns:1fr}.heroVisual{display:none}.serviceGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.panelGrid,.codeBuilder,.clinicWorkspace{grid-template-columns:1fr}.summaryBox{position:static}.trustRow{grid-template-columns:1fr}}@media (max-width:650px){.shell{padding:0 14px}.nav{display:none}.mobileNav{gap:6px;display:flex}.mobileNav a{background:#edf4fa;border-radius:9px;padding:8px;font-size:12px}.hero{border-radius:23px;min-height:auto;padding:30px 22px}.hero h1{font-size:35px}.serviceGrid,.steps{grid-template-columns:1fr}.sectionHead,.ctaBand,.footerInner{flex-direction:column;align-items:flex-start}.panelGrid{display:block}.panelGrid>aside{margin-bottom:14px}.codeLookup,.otpRow,.confirmActions{grid-template-columns:1fr;display:grid}.memberId{font-size:31px}}