:root{
  --bg:#f3f5f9; --card:#fff; --ink:#1b2333; --mute:#5d6778; --line:#dde2ea;
  --pri:#0b5f8a; --pri2:#0d72a5; --priL:#e5f1f8; --acc:#14a39a; --bad:#c0392b; --badL:#fdecea; --warn:#9a6b00; --warnL:#fff6db;
  --r:12px;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:'Hind Siliguri',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
.top{background:linear-gradient(100deg,var(--pri),#0a7d97);color:#fff;box-shadow:0 2px 8px rgba(10,60,90,.15)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:58px;gap:12px;flex-wrap:wrap}
.brand{font-weight:700;font-size:19px}
.ref{font-size:14px;background:rgba(255,255,255,.15);padding:4px 10px;border-radius:20px}
main{padding:20px 16px 40px}

.steps{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.steps li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center;font-size:13.5px;color:var(--mute);cursor:pointer;user-select:none}
.steps li span{display:block;width:26px;height:26px;margin:0 auto 3px;border-radius:50%;background:var(--line);color:var(--ink);font-weight:700;line-height:26px}
.steps li.past span{background:var(--priL);color:var(--pri)}
.steps li.on{border-color:var(--pri);color:var(--pri);font-weight:600}
.steps li.on span{background:var(--pri);color:#fff}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:0 1px 3px rgba(20,30,50,.04)}
.card h2{margin:0 0 4px;font-size:21px}
.hint{color:var(--mute);margin:0 0 16px;font-size:15px}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:16px}
.fld{display:flex;flex-direction:column;gap:4px}
.fld.wide{grid-column:1/-1}
.fld .lb{font-size:14px;color:var(--mute);font-weight:500}
.fld .lb i{color:var(--bad);font-style:normal}
.fld input,.fld select,.fld textarea{font:inherit;font-size:15.5px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;width:100%}
.fld textarea{resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--pri);background:#fff;box-shadow:0 0 0 3px var(--priL)}
.up{text-transform:uppercase}
.fld.miss input,.fld.miss select,.fld.miss textarea{border-color:var(--bad)}

.drop{position:relative;border:2px dashed #b9c4d3;border-radius:10px;padding:22px;text-align:center;background:#f8fafc;color:var(--mute);transition:.15s}
.drop.over{border-color:var(--pri);background:var(--priL)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.drop b{color:var(--pri)}
.drop-ic{font-size:26px;line-height:1;color:var(--pri)}
.small{font-size:13px}
.flist{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.flist li{display:flex;align-items:center;gap:8px;background:#eef2f7;border-radius:8px;padding:5px 6px 5px 8px;font-size:14px;max-width:100%}
.fic{font-size:11px;font-weight:700;background:var(--pri);color:#fff;border-radius:4px;padding:1px 5px}
.fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.flist button{border:0;background:#d9dfe8;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:15px;line-height:1}
.flist button:hover{background:var(--bad);color:#fff}
.ustat{margin-top:10px;padding:9px 12px;border-radius:8px;font-size:14.5px}
.ustat.busy{background:#eef2f7}
.ustat.good{background:var(--priL);color:var(--pri)}
.ustat.warn{background:var(--warnL);color:var(--warn)}
.ustat.bad{background:var(--badL);color:var(--bad)}
.reread{margin-top:8px}
.spin{display:inline-block;width:14px;height:14px;border:2px solid #9aa6b8;border-top-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px;margin-right:4px}
@keyframes sp{to{transform:rotate(360deg)}}

.btn{font:inherit;font-size:15px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 18px;border-radius:9px;cursor:pointer;font-weight:500}
.btn:hover{border-color:#b9c4d3}
.btn.primary{background:var(--pri);border-color:var(--pri);color:#fff}
.btn.primary:hover{background:var(--pri2)}
.btn.sm{padding:5px 12px;font-size:14px}
.btn.danger{color:var(--bad);border-color:#efc2bd}
.btn.add{margin-top:14px;border-style:dashed;color:var(--pri);border-color:var(--pri);width:100%}
.btn:disabled{opacity:.6;cursor:wait}
.nav{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}

.att{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:14px;background:#fcfdff}
.att-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.att h3{margin:0;font-size:17px}
.empty{color:var(--mute);text-align:center;padding:14px;background:#f8fafc;border-radius:8px}

.rv{border:1px solid var(--line);border-radius:10px;margin-top:14px;overflow:hidden}
.rv-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f6f8fb;border-bottom:1px solid var(--line)}
.rv h3{margin:0;font-size:16.5px}
.rv table{width:100%;border-collapse:collapse;font-size:14.5px}
.rv th,.rv td{text-align:left;padding:7px 14px;border-top:1px solid #eef1f5;vertical-align:top}
.rv th{width:45%;color:var(--mute);font-weight:500}
.rv tr.missing td{color:var(--bad);font-weight:600}
.fnote{margin:8px 14px;font-size:14px;color:var(--pri)}
.fnote.missing{color:var(--bad)}
.warnline{background:var(--warnL);color:var(--warn);padding:9px 12px;border-radius:8px;margin:12px 0 0}
.err{background:var(--badL);color:var(--bad);padding:12px 14px;border-radius:8px;margin-top:14px}
.err ul{margin:6px 0 0;padding-left:20px}

.done{text-align:center;padding:40px 22px}
.tick{width:64px;height:64px;border-radius:50%;background:var(--pri);color:#fff;font-size:34px;line-height:64px;margin:0 auto 12px}
.done b{font-size:20px;color:var(--pri)}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#222b3a;color:#fff;padding:10px 18px;border-radius:9px;font-size:15px;z-index:50;max-width:90%}
.foot{text-align:center;color:var(--mute);font-size:13px;padding:0 0 24px}

@media (max-width:640px){
  .grid{grid-template-columns:1fr}
  .steps{gap:4px}
  .steps li{font-size:11.5px;padding:6px 2px}
  .card{padding:16px}
  .rv th{width:50%}
}

/* v1.1 — সরল গ্রাহক ফ্লো */
.wrap.narrow{max-width:760px}
.drop.has{padding:14px}
.drop.has .drop-ic{display:none}
.grid.opt{margin-top:20px;padding-top:16px;border-top:1px dashed var(--line)}
.fld .lb small{color:#8a93a3;font-weight:400}
.att h3{margin:0 0 10px;font-size:17px}
.rv td.ed{width:44px;text-align:right;padding-right:10px}
.rv .pen{border:1px solid var(--line);background:#fff;border-radius:7px;width:32px;height:30px;cursor:pointer;font-size:15px;color:var(--pri)}
.rv .pen:hover{border-color:var(--pri);background:var(--priL)}
.rv th i{color:var(--bad);font-style:normal}
.rv td input,.rv td select,.rv td textarea{font:inherit;font-size:15px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;width:100%;background:#fff}
.rv td input:focus,.rv td select:focus,.rv td textarea:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px var(--priL)}
.rv tr.need th,.rv tr.need td{background:var(--warnL)}
.rv tr.need td input,.rv tr.need td select,.rv tr.need td textarea{border-color:#e0b400}
.fcount{font-size:13.5px;color:var(--pri)}

/* v2.0 — লগইন, ড্যাশবোর্ড, ব্র্যান্ড */
main{flex:1;width:100%}
.top .wrap{min-height:64px}
a.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:18px;line-height:1.2}
a.brand small{display:block;font-weight:400;font-size:12.5px;opacity:.85}
.logo{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--acc);display:grid;place-items:center;font-size:24px;font-weight:700}
.who{display:flex;align-items:center;gap:10px;font-size:14.5px}
.who img{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.6)}
.who a{color:#fff;background:rgba(255,255,255,.16);padding:4px 12px;border-radius:20px;text-decoration:none}
.who .nm{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero{text-align:center;padding:26px 6px 8px}
.hero h1{font-size:27px;margin:0 0 8px;color:var(--pri)}
.hero p{color:var(--mute);margin:0 0 18px;font-size:17px}
.howto{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.howto li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 8px;font-size:14.5px}
.howto b{display:block;width:30px;height:30px;line-height:30px;margin:0 auto 6px;border-radius:50%;background:var(--priL);color:var(--pri)}
.card.login{text-align:center;max-width:460px;margin:0 auto}
.card.login .g_id_signin{display:flex;justify-content:center;margin-top:8px}
.dash-h{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.dash-h h1{margin:0;font-size:24px}
a.btn{text-decoration:none;display:inline-block}
.card.req{margin-top:12px;padding:16px 18px}
.req-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.req-h h2{margin:0}
.req-name{font-weight:600;font-size:17.5px}
.meta{color:var(--mute);font-size:14px}
.req-a{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.req-a form{margin:0}
.note{background:#f1f7fb;border-left:3px solid var(--pri);padding:8px 12px;border-radius:6px;margin-top:10px;font-size:14.5px}
.empty-big{text-align:center;padding:36px;margin-top:14px;color:var(--mute)}
.badge{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;background:#eef2f7;color:var(--mute)}
.badge.st-submitted{background:#e5f1f8;color:#0b5f8a}
.badge.st-processing{background:#fff4d6;color:#8a6200}
.badge.st-completed{background:#e3f6ec;color:#167a45}
.badge.st-rejected{background:#fdecea;color:#b0322a}
.apply-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14.5px}
.apply-h a{color:var(--pri)}
.addbox{display:flex;gap:8px;margin-top:14px;padding:14px;border:1px dashed var(--pri);border-radius:10px;background:#f7fbfe;flex-wrap:wrap}
.addbox select{flex:1;min-width:200px;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.att-r{display:flex;gap:8px;align-items:center}
.att-r select{font:inherit;font-size:14.5px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#fff}
.fwrap{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.fchip{display:inline-flex;gap:6px;align-items:center;background:#eef2f7;border-radius:8px;padding:4px 10px;text-decoration:none;color:var(--ink);font-size:14px}
.fchip:hover{background:var(--priL)}
.anav{display:flex;gap:6px}
.anav a{color:#fff;text-decoration:none;background:rgba(255,255,255,.14);padding:4px 12px;border-radius:20px;font-size:14px}
@media (max-width:640px){
  .howto{grid-template-columns:1fr 1fr}
  .who .nm{display:none}
  .hero h1{font-size:22px}
  .att-h{flex-direction:column;align-items:flex-start;gap:8px}
}

/* v2.1 — নতুন ডিজাইন */
:root{--navy:#0d2c45;--bg:#f2f6fa}
body{background:var(--bg)}
.top{background:#fff;color:var(--navy);box-shadow:0 1px 0 #e3eaf1,0 6px 20px rgba(13,44,69,.05);position:sticky;top:0;z-index:20}
.top .wrap{min-height:68px}
a.brand{color:var(--navy);font-size:18.5px}
a.brand small{color:var(--mute);opacity:1}
.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--pri),var(--acc));display:grid;place-items:center;box-shadow:0 4px 12px rgba(11,95,138,.25)}
.logo svg{width:24px;height:24px;fill:#fff}
.who{color:var(--navy)}
.who img,.who .av{width:34px;height:34px;border-radius:50%;border:2px solid var(--priL)}
.who .av{display:grid;place-items:center;background:var(--priL);color:var(--pri);font-weight:700}
.who a{color:var(--pri);background:var(--priL)}
.who a:hover{background:var(--pri);color:#fff}

.hero2{background:radial-gradient(1200px 500px at 80% -10%,#d5ecf8 0,transparent 60%),linear-gradient(180deg,#eaf5fb,#f2f6fa);padding:46px 0 30px}
.hero2 .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;max-width:1080px}
.pill{display:inline-block;background:#fff;color:var(--acc);font-weight:600;font-size:13.5px;padding:5px 14px;border-radius:20px;box-shadow:0 2px 8px rgba(13,44,69,.06)}
.hero2 h1{font-size:36px;line-height:1.3;margin:14px 0 12px;color:var(--navy)}
.hero2 h1 em{font-style:normal;color:var(--pri)}
.hero2 p{font-size:17px;color:#4a5869;margin:0 0 22px;max-width:520px}
.login-box{background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 10px 30px rgba(13,44,69,.08);max-width:420px;display:flex;flex-direction:column;gap:10px}
.login-box small{color:var(--mute);font-size:13px}
.login-box .err{margin:0}
.hero-art img{width:100%;max-width:520px;display:block;margin-left:auto;filter:drop-shadow(0 18px 30px rgba(13,44,69,.10))}
.sec-t{text-align:center;font-size:24px;color:var(--navy);margin:26px 0 18px}
.how4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:st}
.how4>div{background:#fff;border-radius:14px;padding:20px 16px;box-shadow:0 4px 16px rgba(13,44,69,.05);border:1px solid #e6edf3;position:relative;counter-increment:st}
.how4>div::after{content:counter(st);position:absolute;top:12px;right:14px;font-weight:700;color:#d2e2ec;font-size:26px}
.how4 i{font-style:normal;font-size:28px;display:block;margin-bottom:8px}
.how4 b{display:block;color:var(--navy);font-size:16.5px;margin-bottom:4px}
.how4 span{color:var(--mute);font-size:14.5px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 10px}
.trust>div{background:linear-gradient(135deg,var(--pri),#0a7d97);color:#fff;border-radius:14px;padding:16px 18px}
.trust b{display:block;font-size:16.5px;margin-bottom:2px}
.trust span{opacity:.88;font-size:14.5px}

.foot{background:var(--navy);color:#a9bccb;padding:16px 0;margin-top:30px;font-size:13.5px}
.foot .wrap{display:flex;justify-content:space-between}

.card{border:1px solid #e3eaf1;box-shadow:0 4px 16px rgba(13,44,69,.05);border-radius:14px}
.steps li{border-radius:12px;border-color:#e3eaf1}
.steps li.on{box-shadow:0 4px 12px rgba(11,95,138,.12)}
.btn.primary{box-shadow:0 4px 12px rgba(11,95,138,.22)}
.drop{background:#f7fbfe;border-color:#bcd3e3}
.dash-h h1{color:var(--navy)}
.card.req{transition:.15s}
.card.req:hover{box-shadow:0 8px 24px rgba(13,44,69,.09)}

@media (max-width:860px){
  .hero2 .wrap{grid-template-columns:1fr}
  .hero-art{order:-1}
  .hero-art img{max-width:340px;margin:0 auto}
  .hero2 h1{font-size:27px}
  .how4{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr}
}

/* v2.3 — প্রফেশনাল লেআউট (লগইন করা পাতা) */
body.app main{padding:22px 16px 10px;max-width:1120px}
.phead{background:linear-gradient(110deg,#0d2c45 0%,#0b5f8a 60%,#0e8a96 100%);color:#fff;padding:26px 0 30px}
.phead .wrap{max-width:1120px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.phead h1{margin:0;font-size:25px;font-weight:700}
.phead p{margin:4px 0 0;opacity:.85;font-size:15px}
.phead p b{letter-spacing:.3px}
.btn.lg{padding:11px 22px;font-size:16px;border-radius:10px}
.btn.ghost-w{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.btn.ghost-w:hover{background:rgba(255,255,255,.22)}
.btn.ghost{background:transparent;border-color:transparent;color:var(--mute)}
.btn.ghost:hover{background:var(--badL);color:var(--bad)}
.link-btn{background:none;border:0;color:var(--pri);font:inherit;font-size:14px;cursor:pointer;padding:4px 2px;text-decoration:underline;text-underline-offset:3px}
.link-btn.danger{color:var(--bad)}

.panel{background:#fff;border:1px solid #e1e8ef;border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(13,44,69,.04),0 8px 24px rgba(13,44,69,.05)}
.panel-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.panel-h h2{margin:0;font-size:21px;color:var(--navy)}
.kicker{display:block;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:var(--acc);text-transform:uppercase;margin-bottom:2px}

/* ড্যাশবোর্ড */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:-44px 0 18px;position:relative}
.stats>div{background:#fff;border:1px solid #e1e8ef;border-radius:12px;padding:14px 18px;box-shadow:0 8px 24px rgba(13,44,69,.07)}
.stats span{display:block;color:var(--mute);font-size:13.5px}
.stats b{font-size:26px;color:var(--navy)}
.rlist{margin:6px -24px -24px}
.rrow{display:grid;grid-template-columns:2.2fr 1.3fr 1fr 1fr 1.3fr;gap:10px;align-items:center;padding:14px 24px;border-top:1px solid #edf1f5}
.rrow.rhead{background:#f7f9fb;color:var(--mute);font-size:13px;font-weight:600;padding-top:10px;padding-bottom:10px}
.rrow:not(.rhead):hover{background:#fafcfe}
.rp b{display:block;color:var(--navy)}
.rp small{color:var(--mute);font-size:13px}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;color:#34495e}
.ra{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.ra form{margin:0}
.rnote{grid-column:1/-1;background:#f1f7fb;border-left:3px solid var(--pri);padding:7px 12px;border-radius:6px;font-size:14px}
.empty-big{text-align:center;padding:40px 10px;color:var(--mute)}
.eico{font-size:40px;margin-bottom:6px}

/* উইজার্ড */
.wiz{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}
.wiz-nav{position:sticky;top:90px;display:flex;flex-direction:column;gap:14px}
.vsteps{list-style:none;margin:0;padding:10px;background:#fff;border:1px solid #e1e8ef;border-radius:14px;box-shadow:0 8px 24px rgba(13,44,69,.05)}
.vsteps li{display:flex;gap:12px;align-items:center;padding:11px 10px;border-radius:10px;cursor:pointer;position:relative}
.vsteps li+li{margin-top:2px}
.vsteps li i{font-style:normal;width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:#edf2f7;color:#6a7a8c;border:2px solid #edf2f7}
.vsteps li b{display:block;font-size:15px;color:#4a5869;font-weight:600}
.vsteps li small{color:#8a97a6;font-size:12.5px}
.vsteps li.on{background:var(--priL)}
.vsteps li.on i{background:var(--pri);border-color:var(--pri);color:#fff}
.vsteps li.on b{color:var(--navy)}
.vsteps li.past i{background:#e3f6ec;border-color:#bfe8d1;color:#167a45;font-size:0}
.vsteps li.past i::before{content:'✓';font-size:15px}
.wiz-help{background:#fff8e6;border:1px solid #f4e1ae;border-radius:12px;padding:12px 14px;font-size:13.5px;color:#6b5414}
.wiz-help b{display:block;margin-bottom:2px}
.wiz-body .hint{margin:0 0 18px}

/* আপলোড ঘর */
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed #b7cddd;border-radius:14px;padding:30px 20px;background:linear-gradient(180deg,#fbfdff,#f3f8fc);cursor:pointer;transition:.15s;text-align:center;position:relative}
.drop:hover,.drop.over{border-color:var(--pri);background:#eef6fc}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.drop b{color:var(--navy);font-size:16.5px}
.drop small{color:var(--mute);font-size:13.5px}
.drop .btn{margin-top:6px;pointer-events:none}
.d-ico{width:56px;height:56px;border-radius:50%;background:var(--priL);display:grid;place-items:center}
.d-ico svg{width:28px;height:28px;fill:var(--pri)}
.drop.busy{cursor:default;border-style:solid;border-color:#cfe0ec}
.spin.big{width:34px;height:34px;border-width:3px;border-color:var(--pri);border-top-color:transparent;margin:4px 0}

.tile{display:flex;gap:16px;align-items:center;border:1px solid #dce7ef;border-radius:14px;padding:12px;background:#fff;margin-bottom:12px;box-shadow:0 2px 8px rgba(13,44,69,.04)}
.t-thumb{width:84px;height:62px;flex:none;border-radius:8px;overflow:hidden;background:#eef3f7;display:grid;place-items:center;border:1px solid #e1e8ef}
.t-thumb img{width:100%;height:100%;object-fit:cover}
.t-thumb .pdf{font-weight:700;color:#c0392b;font-size:15px}
.t-info{flex:1;min-width:0}
.t-main{font-weight:600;color:var(--navy);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-sub{color:var(--mute);font-size:13.5px}
.t-sub.warn{color:var(--warn)}
.t-act{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.ok-badge{background:#e3f6ec;color:#167a45;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}

.att{border:1px solid #e1e8ef;border-radius:14px;padding:16px;margin-bottom:14px;background:#fbfdfe}
.att-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.att h3{margin:0;font-size:16.5px;color:var(--navy);display:flex;align-items:center;gap:8px}
.att .num{width:26px;height:26px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;font-size:13px}
.att .tile{margin-bottom:10px}
.relbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #dce7ef;border-radius:12px;padding:10px 14px}
.relbox span{font-weight:600;color:var(--navy);font-size:14.5px}
.relbox i{color:var(--bad);font-style:normal}
.relbox select{flex:1;min-width:220px;font:inherit;font-size:15px;padding:8px 10px;border:1px solid #cfdde8;border-radius:8px;background:#fff}
.relbox.need{background:var(--warnL);border-color:#f0d27a}
.btn.add{margin-top:2px;border:2px dashed var(--pri);background:#f7fbfe;color:var(--pri);width:100%;padding:12px;font-weight:600;box-shadow:none}
.btn.add:hover{background:var(--priL)}
.panel .nav{margin-top:24px}
.panel.done{text-align:center;padding:48px 24px}

.rv{border-radius:12px;border-color:#e1e8ef}
.rv-h{background:#f6f9fc}

@media (max-width:900px){
  .wiz{grid-template-columns:1fr}
  .wiz-nav{position:static}
  .vsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}
  .vsteps li{flex-direction:column;text-align:center;gap:4px;padding:8px 2px}
  .vsteps li small{display:none}
  .vsteps li b{font-size:12px}
  .wiz-help{display:none}
  .stats{grid-template-columns:1fr 1fr;margin-top:-36px}
  .rrow{grid-template-columns:1fr auto;gap:6px}
  .rrow.rhead{display:none}
  .rrow>span:nth-child(2),.rrow>span:nth-child(3){font-size:13px;color:var(--mute)}
  .ra{grid-column:1/-1;justify-content:flex-start}
  .tile{flex-wrap:wrap}
  .t-act{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .panel{padding:18px}
  .rlist{margin:6px -18px -18px}
  .rrow{padding:12px 18px}
}
@media (max-width:640px){
  .top .wrap{flex-wrap:nowrap;min-height:60px}
  a.brand{font-size:16px;gap:8px;min-width:0}
  a.brand small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
  .logo{width:36px;height:36px}
  .who{gap:6px;flex:none}
  .who a{padding:4px 10px;font-size:13px}
  .phead{padding:20px 0 24px}
  .phead h1{font-size:21px}
}

/* v2.4 — অ্যাপয়েন্টমেন্টের তথ্য, অ্যাটেনডেন্ট যোগের বাটন, এজেন্টের ডকুমেন্ট */
.trip{margin-top:18px;border:1px solid #dce7ef;border-radius:14px;padding:16px 18px;background:#fbfdfe}
.trip h3{margin:0;font-size:16.5px;color:var(--navy)}
.trip .grid{margin-top:12px}
.fld .lb i{color:var(--bad);font-style:normal}
.fld select{font:inherit;font-size:15.5px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}
.datebox{display:flex;align-items:stretch}
.datebox input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;flex:1}
.datebox button{border:1px solid var(--pri);background:var(--pri);border-radius:0 8px 8px 0;width:48px;cursor:pointer;display:grid;place-items:center}
.datebox button svg{width:20px;height:20px;fill:#fff}
.datebox button:hover{background:var(--pri2)}

.addcard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;cursor:pointer;
  background:linear-gradient(135deg,#f3f9fd,#e8f4fb);border:2px solid #b9d7ea;border-radius:14px;padding:14px 18px;transition:.15s}
.addcard:hover{border-color:var(--pri);background:linear-gradient(135deg,#e8f4fb,#dceef9);box-shadow:0 6px 18px rgba(11,95,138,.12)}
.ac-ico{width:44px;height:44px;flex:none;border-radius:12px;background:var(--pri);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:600;line-height:1;box-shadow:0 4px 10px rgba(11,95,138,.25)}
.ac-txt{flex:1}
.ac-txt b{display:block;color:var(--navy);font-size:16.5px}
.ac-txt small{color:var(--mute);font-size:13.5px}
.ac-arr{color:var(--pri);font-size:22px;font-weight:700}

.docs{display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.doc{display:flex;align-items:center;gap:12px;border:1px solid #cfe6d9;background:#f3fbf6;border-radius:12px;padding:10px 14px}
.doc .di{width:40px;height:40px;border-radius:10px;background:#167a45;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.doc .dt{flex:1;min-width:0}
.doc .dt b{display:block;color:var(--navy)}
.doc .dt small{color:var(--mute)}
.newdoc{display:inline-block;background:#e3f6ec;color:#167a45;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:20px;margin-top:4px}
.datebox input::-webkit-calendar-picker-indicator{display:none}
.datebox input{cursor:pointer}

/* v2.5 — ক্যামেরা */
.drop{cursor:pointer}
.d-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.drop .d-btns .btn{pointer-events:auto;margin:0}
.btn.cam{background:#fff;border:1px solid var(--pri);color:var(--pri);font-weight:600}
.btn.cam:hover{background:var(--priL)}
.cam-modal{position:fixed;inset:0;background:rgba(10,25,40,.72);z-index:100;display:grid;place-items:center;padding:16px}
.cam-box{background:#fff;border-radius:16px;padding:16px;width:min(720px,100%);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.cam-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--navy);font-size:17px}
.cam-box video{width:100%;border-radius:10px;background:#000;max-height:60vh}
.cam-box .hint{margin:8px 0 0;text-align:center}
.cam-a{display:flex;justify-content:center;margin-top:12px}
.ready-banner{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#e3f6ec,#d3f0e0);border:1px solid #9fd8b8;border-radius:14px;padding:14px 18px;margin:-44px 0 18px;position:relative;box-shadow:0 8px 24px rgba(22,122,69,.12)}
.ready-banner+.stats{margin-top:0}
.rb-ico{font-size:30px}
.ready-banner b{display:block;color:#11643a;font-size:17px}
.ready-banner span{color:#2f6b4a;font-size:14px}
.rdocs{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#f0faf4;border:1px solid #bfe5cf;border-radius:10px;padding:10px 12px}
.rd-t{font-weight:600;color:#167a45;font-size:14.5px;margin-right:4px}
.rd-btn{background:#167a45;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:7px 14px;border-radius:8px;box-shadow:0 3px 8px rgba(22,122,69,.25)}
.rd-btn:hover{background:#11643a}

/* v2.6 — কাগজের কলাম, অ্যাটেনডেন্ট বাটন উপরে */
.rrow{grid-template-columns:2fr 1.2fr .9fr .9fr 1fr 1fr 1fr}
.dcell{display:flex;align-items:center}
.dash{color:#b7c2cd;font-size:18px;padding-left:18px}
.dl-btn{background:#167a45;color:#fff;text-decoration:none;font-weight:600;font-size:13px;padding:6px 12px;border-radius:8px;box-shadow:0 3px 8px rgba(22,122,69,.22);white-space:nowrap}
.dl-btn:hover{background:#11643a}
.panel-h .add-top{display:inline-flex;align-items:center;gap:8px;background:var(--pri);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(11,95,138,.25)}
.panel-h .add-top:hover{background:var(--pri2)}
.panel-h .add-top .pl{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--pri);display:grid;place-items:center;font-size:17px;line-height:1}
.panel-h .add-top small{font-weight:400;opacity:.85;font-size:12.5px}
.toast.bad{background:#a5281f}
@media (max-width:900px){
  .rrow{grid-template-columns:1fr auto}
  .dcell{font-size:13px}
  .dcell::before{content:attr(data-l) ': ';color:var(--mute);margin-right:6px}
  .dash{padding-left:0}
  .panel-h{flex-wrap:wrap;gap:10px}
}
[hidden]{display:none!important}

/* ===== v4 — নতুন হেডার, ভাষা, প্রোফাইল মেনু, ফন্ট ===== */
body{font-family:Inter,'Hind Siliguri','Noto Sans Devanagari',system-ui,sans-serif;font-size:15px}
body.lang-bn{font-family:'Hind Siliguri',Inter,system-ui,sans-serif;font-size:15.5px}
body.lang-hi{font-family:'Noto Sans Devanagari',Inter,system-ui,sans-serif}
.top .wrap{max-width:1120px;gap:16px}
.unav{display:flex;gap:4px;margin-left:12px;flex:1}
.unav a{padding:8px 12px;border-radius:9px;text-decoration:none;color:#4a5869;font-weight:600;font-size:14.5px}
.unav a:hover{background:#f1f5f9;color:var(--navy)}
.unav a.on{color:var(--pri);background:var(--priL)}
.unav a.cta{color:var(--pri)}
.tr{display:flex;align-items:center;gap:10px;margin-left:auto}
.langsw{display:inline-flex;background:#f3f6f9;border:1px solid #e1e8ef;border-radius:9px;padding:2px}
.langsw a{padding:4px 9px;border-radius:7px;text-decoration:none;color:#66758a;font-size:12.5px;font-weight:700}
.langsw a.on{background:var(--pri);color:#fff}
details.who{position:relative}
details.who summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:24px;border:1px solid #e1e8ef;background:#fff}
details.who summary::-webkit-details-marker{display:none}
details.who summary:hover{border-color:#c5d4e1}
details.who img,details.who .av{width:30px;height:30px;border-radius:50%;border:0}
details.who .nm{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--navy)}
details.who .car{color:#8a97a6;font-size:11px}
details.who .menu{position:absolute;right:0;top:44px;background:#fff;border:1px solid #e1e8ef;border-radius:12px;box-shadow:0 16px 40px rgba(13,44,69,.14);min-width:230px;padding:6px;z-index:50}
.mi-h{padding:8px 10px 10px;border-bottom:1px solid #eef2f6;margin-bottom:4px}
.mi-h b{display:block;color:var(--navy)}
.mi-h small{color:var(--mute);font-size:12.5px;word-break:break-all}
details.who .menu a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:14px;background:none}
details.who .menu a:hover{background:#f3f6f9}
details.who .menu a.out{color:var(--bad)}
.toast.live{background:#167a45}
@media (max-width:860px){
  .unav{display:none}
  .langsw a{padding:4px 7px}
}
@media (max-width:640px){
  details.who .nm,details.who .car{display:none}
  details.who summary{padding:2px;border:0}
  a.brand small{display:none}
}

/* v4.1 — Desun Connect Bangladesh হোম */
.bn-short{display:none}
.svc4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.svc4>div{background:#fff;border:1px solid #e6edf3;border-radius:14px;padding:20px 18px;box-shadow:0 4px 16px rgba(13,44,69,.05);border-top:3px solid var(--acc)}
.svc4 i{font-style:normal;font-size:28px;display:block;margin-bottom:8px}
.svc4 b{display:block;color:var(--navy);font-size:16.5px;margin-bottom:4px}
.svc4 span{color:var(--mute);font-size:14.5px}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:26px 0 10px;padding:26px 30px;border-radius:16px;background:linear-gradient(110deg,#0d2c45,#0b5f8a 60%,#0e8a96);color:#fff}
.cta-band h3{margin:0 0 4px;font-size:22px}
.cta-band p{margin:0;opacity:.85}
@media (max-width:860px){.svc4{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .bn-full{display:none}.bn-short{display:inline}
  .svc4{grid-template-columns:1fr}
  .cta-band{padding:20px}
}

/* v4.2 — পার্টনার হাসপাতাল ব্যানার */
.partner{margin-top:-6px}
.pt-card{display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:#fff;border:1px solid #e1e8ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(13,44,69,.07)}
.pt-l{padding:28px 30px}
.pt-k{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.pt-l h2{margin:0 0 8px;font-size:22px;color:var(--navy)}
.pt-l p{margin:0 0 12px;color:#4a5869}
.pt-l ul{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.pt-l li{background:var(--priL);color:var(--pri);font-weight:600;font-size:13.5px;padding:5px 12px;border-radius:20px}
.pt-r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:linear-gradient(135deg,#f6fafd,#eaf4fa);border-left:1px solid #e1e8ef;text-align:center}
.pt-r img{max-width:220px;max-height:90px;object-fit:contain}
.pt-r b{color:var(--navy);font-size:17px}
.pt-r small{color:var(--mute)}
.foot .wrap{flex-wrap:wrap;gap:8px 20px;align-items:center}
.ft-p{display:flex;align-items:center;gap:10px}
.ft-p img{height:26px;max-width:110px;object-fit:contain;background:#fff;border-radius:6px;padding:3px 6px}
@media (max-width:760px){.pt-card{grid-template-columns:1fr}.pt-r{border-left:0;border-top:1px solid #e1e8ef;order:-1}.pt-l{padding:22px}}

/* v4.3 — হোম পেজের নতুন হিরো */
.lhero{position:relative;overflow:hidden;color:#fff;background:#0d2c45}
.lh-bg{position:absolute;inset:0;background:
  radial-gradient(900px 500px at 85% 10%,rgba(20,163,154,.35),transparent 60%),
  radial-gradient(700px 500px at 0% 100%,rgba(11,95,138,.55),transparent 60%),
  linear-gradient(120deg,#0b2236 0%,#0d3a5a 55%,#0b5f8a 100%)}
.lh-bg::after{content:'';position:absolute;inset:0;opacity:.07;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:22px 22px}
.lhero.has-img .lh-bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.lhero.has-img .lh-bg::after{display:none}
.lh-in{position:relative;display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center;padding:70px 16px 76px;max-width:1160px}
.lh-partner{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#4a5869;border-radius:14px;padding:8px 14px 8px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);margin-bottom:22px}
.lh-partner span{font-size:12.5px;font-weight:600;line-height:1.25;max-width:150px}
.lh-partner img{height:38px;max-width:170px;object-fit:contain;border-left:1px solid #e3e8ef;padding-left:12px}
.lh-partner b{color:#0d2c45;font-size:15px;border-left:1px solid #e3e8ef;padding-left:12px}
.lh-txt h1{font-size:44px;line-height:1.15;margin:0 0 16px;font-weight:800;letter-spacing:-.5px}
.lh-txt h1 em{font-style:normal;display:block;background:linear-gradient(90deg,#7fe3d9,#9fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lh-txt p{font-size:17.5px;line-height:1.6;color:#d4e2ee;max-width:560px;margin:0 0 22px}
.lh-k{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.lh-k li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:30px;font-weight:600;font-size:14px;backdrop-filter:blur(4px)}
.lh-k li::before{content:'✓';width:18px;height:18px;border-radius:50%;background:#14a39a;display:grid;place-items:center;font-size:11px}
.lh-card{background:#fff;color:var(--ink);border-radius:20px;padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.3)}
.lc-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lc-top .logo{width:46px;height:46px;border-radius:12px}
.lc-top b{display:block;font-size:17px;color:var(--navy)}
.lc-top small{color:var(--mute);font-size:13.5px}
.lh-card>p{color:#4a5869;margin:0 0 18px;font-size:14.5px}
.gwrap{display:flex;justify-content:center;min-height:44px;padding:6px 0 4px}
.lc-f{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid #eef2f6;display:grid;gap:8px;font-size:13.5px;color:#4a5869}
.landing .sec-t{margin-top:44px}
@media (max-width:900px){
  .lh-in{grid-template-columns:1fr;gap:28px;padding:40px 16px 44px}
  .lh-txt h1{font-size:32px}
  .lh-txt p{font-size:16px}
}
@media (max-width:480px){
  .lh-partner{flex-wrap:wrap}
  .lh-partner span{max-width:none}
  .lh-txt h1{font-size:28px}
  .lh-card{padding:22px}
}

/* ===== v4.4 — হোম পেজ (নতুন) ===== */
/* পার্টনার ব্যাজ: বড় লোগো */
.lh-partner{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 18px 14px;border-radius:16px}
.lh-partner span{max-width:none;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#7a8796}
.lh-partner img{height:64px;max-width:280px;border-left:0;padding-left:0}
.lh-partner b{border-left:0;padding-left:0;font-size:19px}
/* লগইন কার্ড */
.lh-card{padding:0;overflow:hidden;border-radius:22px;max-width:420px;justify-self:end;width:100%}
.lc-band{height:8px;background:linear-gradient(90deg,#14a39a,#0b5f8a,#0d2c45)}
.lc-body{padding:34px 32px 30px;text-align:center}
.lc-ico{width:62px;height:62px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#0b5f8a,#14a39a);display:grid;place-items:center;box-shadow:0 10px 24px rgba(11,95,138,.3)}
.lc-ico svg{width:30px;height:30px;fill:#fff}
.lc-body h2{margin:0 0 6px;font-size:24px;color:var(--navy)}
.lc-body>p{margin:0 0 22px;color:#5d6778;font-size:14.5px}
.gwrap{min-height:48px;align-items:center}
.lc-or{display:flex;align-items:center;gap:12px;margin:22px 0 10px;color:#9aa6b2;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.lc-or::before,.lc-or::after{content:'';flex:1;height:1px;background:#e6ecf2}
.lc-note{margin:0;color:#66758a;font-size:13.5px}

/* সাধারণ সেকশন */
.landing main{display:none}
.ls{padding:76px 0}
.ls.alt{background:#fff;border-top:1px solid #e9eef3;border-bottom:1px solid #e9eef3}
.ls .wrap{max-width:1160px}
.ls-h{text-align:center;max-width:680px;margin:0 auto 44px}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#14a39a;background:#e3f6f4;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.ls-h h2,.why-t h2{margin:0 0 10px;font-size:34px;line-height:1.2;color:var(--navy);letter-spacing:-.4px}
.ls-h p{margin:0;color:#5d6778;font-size:16.5px}

/* সেবা কার্ড */
.svcg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc{background:#fff;border:1px solid #e6edf3;border-radius:18px;padding:26px 22px;transition:.2s;position:relative}
.svc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,44,69,.1);border-color:#cfe1ec}
.svc-i{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e7f2f9,#e3f6f4);display:grid;place-items:center;margin-bottom:18px}
.svc-i svg{width:26px;height:26px;fill:#0b5f8a}
.svc h3{margin:0 0 8px;font-size:17.5px;color:var(--navy)}
.svc p{margin:0;color:#5d6778;font-size:14.5px;line-height:1.6}

/* টাইমলাইন */
.tline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.tline::before{content:'';position:absolute;top:26px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,#b9d3e3 0 8px,transparent 8px 14px)}
.tline li{text-align:center;position:relative}
.tl-n{width:54px;height:54px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0b5f8a,#14a39a);box-shadow:0 0 0 8px #fff,0 10px 24px rgba(11,95,138,.25);position:relative}
.tline h3{margin:0 0 6px;font-size:17px;color:var(--navy)}
.tline p{margin:0 auto;color:#5d6778;font-size:14.5px;max-width:240px}

/* কেন আমরা */
.why{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.why-l{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px}
.why-l li{display:flex;gap:14px;align-items:flex-start}
.why-l li>span{width:30px;height:30px;flex:none;border-radius:50%;background:#e3f6ec;display:grid;place-items:center}
.why-l li>span svg{width:17px;height:17px;fill:#167a45}
.why-l b{display:block;color:var(--navy);font-size:16px;margin-bottom:2px}
.why-l small{color:#5d6778;font-size:14.5px}
.mock{position:relative;background:#fff;border:1px solid #e1e8ef;border-radius:18px;box-shadow:0 30px 60px rgba(13,44,69,.14);overflow:visible}
.mk-top{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #eef2f6;background:#f8fafc;border-radius:18px 18px 0 0}
.mk-top i{width:10px;height:10px;border-radius:50%;background:#e2e8ef}
.mk-top i:first-child{background:#f5a3a3}.mk-top i:nth-child(2){background:#f5d68a}.mk-top i:nth-child(3){background:#9fdcb4}
.mk-top span{margin-left:10px;font-size:13px;font-weight:700;color:#4a5869}
.mk-body{padding:8px 16px 18px}
.mk-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid #f0f3f7}
.mk-row:last-child{border-bottom:0}
.mk-av{width:36px;height:36px;border-radius:50%;background:#e7f2f9;color:#0b5f8a;display:grid;place-items:center;font-weight:800}
.mk-row b{display:block;font-size:14px;color:var(--navy)}
.mk-row small{color:#9aa6b2;font-size:12px;font-family:ui-monospace,Menlo,monospace}
.mk-dl{background:#167a45;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;white-space:nowrap}
.mk-dash{color:#c3ccd5;padding:0 18px}
.mk-toast{position:absolute;right:-14px;bottom:-18px;display:flex;align-items:center;gap:8px;background:#167a45;color:#fff;font-size:13px;font-weight:600;padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px rgba(22,122,69,.35)}
.mk-toast svg{width:16px;height:16px;fill:#fff}

/* প্রশ্ন */
.faqw{max-width:820px!important}
.faq{display:grid;gap:12px}
.faq details{background:#f8fafc;border:1px solid #e6edf3;border-radius:14px;padding:4px 20px}
.faq details[open]{background:#fff;box-shadow:0 10px 26px rgba(13,44,69,.07)}
.faq summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:700;color:var(--navy);font-size:16px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:0;top:12px;font-size:24px;color:#0b5f8a;font-weight:400}
.faq details[open] summary::after{content:'−'}
.faq p{margin:0 0 16px;color:#5d6778;line-height:1.65}

/* শেষের আহ্বান */
.cta2{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:44px 48px;border-radius:24px;color:#fff;
  background:radial-gradient(600px 300px at 90% 0%,rgba(20,163,154,.45),transparent 60%),linear-gradient(120deg,#0b2236,#0b5f8a)}
.cta2 h2{margin:0 0 6px;font-size:30px}
.cta2 p{margin:0;color:#cfe0ec;font-size:16px}
.gwrap.light{background:#fff;border-radius:40px;padding:8px 14px}

/* ফুটার */
.landing .foot{margin-top:0}

@media (max-width:980px){
  .svcg{grid-template-columns:1fr 1fr}
  .tline{grid-template-columns:1fr 1fr;row-gap:34px}
  .tline::before{display:none}
  .why{grid-template-columns:1fr;gap:40px}
  .lh-card{justify-self:stretch;max-width:none}
}
@media (max-width:600px){
  .ls{padding:52px 0}
  .ls-h h2,.why-t h2{font-size:26px}
  .svcg,.tline{grid-template-columns:1fr}
  .cta2{padding:30px 24px}
  .cta2 h2{font-size:24px}
  .mk-row{grid-template-columns:auto 1fr auto}
  .mk-row .mk-dl,.mk-row .mk-dash{display:none}
  .mk-toast{right:8px}
  .lh-partner img{height:52px}
  .lc-body{padding:28px 22px 24px}
}

/* ===== v5.0 — ঘূর্ণায়মান ব্যানার, স্বচ্ছ লগইন কার্ড, হেডার নেভ, লাইভ চ্যাট ===== */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:80px}
/* হেডার নেভ (লগইন ছাড়া হোম পেজে) */
.gnav{display:flex;gap:2px;margin-left:18px;flex:1}
.gnav a{padding:8px 12px;border-radius:9px;text-decoration:none;color:#4a5869;font-weight:600;font-size:14.5px}
.gnav a:hover{background:#f1f5f9;color:var(--navy)}
.chat-top{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid #d6e4ee;background:#f3f8fb;color:#0b5f8a;font:inherit;font-weight:700;font-size:14px;padding:7px 13px;border-radius:30px;cursor:pointer;transition:.15s}
.chat-top:hover{background:#e6f2f9;border-color:#b9d4e5}
.chat-top svg{width:17px;height:17px;fill:currentColor}
.chat-top::before{content:'';width:8px;height:8px;border-radius:50%;background:#1fbf75;box-shadow:0 0 0 3px rgba(31,191,117,.2)}
.chat-dot{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
@media (max-width:980px){.gnav{display:none}}
@media (max-width:640px){.chat-top span{display:none}.chat-top{padding:7px 10px}.chat-top::before{display:none}}

/* হিরো: ব্যানার স্লাইড */
.lhero{min-height:600px;display:flex;align-items:center}
.lhero>.lh-in{width:100%}
.lh-bg{overflow:hidden}
.lh-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 7s ease-out}
.lh-slide.on{opacity:1;transform:scale(1)}
.lhero.has-img .lh-bg{background:#0b2236}
.lh-caps{display:grid}
.lh-cap{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
.lh-cap.on{opacity:1;transform:none;pointer-events:auto}
.lh-dots{display:flex;gap:8px;margin-top:30px}
.lh-dots button{width:34px;height:4px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden;position:relative}
.lh-dots button i{position:absolute;inset:0;width:0;background:#fff;border-radius:4px}
.lh-dots button.on i{animation:lhdot var(--iv,6000ms) linear forwards}
.lh-dots button:hover{background:rgba(255,255,255,.45)}
@keyframes lhdot{to{width:100%}}
@media (prefers-reduced-motion:reduce){.lh-slide,.lh-cap{transition:none}.lh-dots button.on i{animation:none;width:100%}}

/* লগইন কার্ড: কাচের মতো স্বচ্ছ */
.lh-card{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 30px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.lc-band{height:3px;background:linear-gradient(90deg,transparent,#5fe0d3,#8fd0ff,transparent);opacity:.9}
.lc-ico{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);box-shadow:none}
.lc-body h2{color:#fff;font-size:26px}
.lc-body>p{color:#d6e4ef}
.lc-or{color:rgba(255,255,255,.65)}
.lc-or::before,.lc-or::after{background:rgba(255,255,255,.22)}
.lc-note{color:#cfdeea}
.lh-card .gwrap{background:#fff;border-radius:40px;padding:6px 10px;max-width:330px;margin:0 auto}
.lh-card .err{background:rgba(229,72,77,.18);border:1px solid rgba(229,72,77,.5);color:#fff}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lh-card{background:rgba(13,44,69,.82)}}
@media (max-width:900px){.lhero{min-height:0}.lh-dots{margin-top:22px}}

/* ফুটার একটু বেশি জায়গা */
.landing .foot{padding:22px 0}

/* ===== লাইভ চ্যাট উইজেট ===== */
.chatfab{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#0b5f8a,#14a39a);color:#fff;font:inherit;font-weight:700;font-size:15px;padding:14px 20px 14px 16px;border-radius:40px;
  box-shadow:0 14px 34px rgba(11,95,138,.38);transition:transform .2s,opacity .2s}
.chatfab:hover{transform:translateY(-2px)}
.chatfab svg{width:22px;height:22px;fill:#fff}
.chatfab.hide{opacity:0;pointer-events:none;transform:scale(.8)}
.chatfab .chat-dot{box-shadow:0 0 0 2px #fff}
.chatw{position:fixed;right:22px;bottom:22px;z-index:61;width:370px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 44px);
  display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(13,44,69,.32),0 0 0 1px rgba(13,44,69,.06);
  animation:cwin .22s ease-out}
.chatw[hidden]{display:none!important}
@keyframes cwin{from{opacity:0;transform:translateY(16px) scale(.98)}}
.cw-head{display:flex;align-items:center;gap:12px;padding:16px 16px 16px 18px;color:#fff;background:linear-gradient(120deg,#0b2236,#0b5f8a)}
.cw-head b{display:block;font-size:15px}
.cw-head small{display:block;color:#c7dae8;font-size:12.5px;margin-top:2px}
.cw-head>div{flex:1;min-width:0}
.cw-av{position:relative;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}
.cw-av svg{width:20px;height:20px;fill:#fff}
.cw-av i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:#1fbf75;box-shadow:0 0 0 2px #0b3a5c}
.cw-x{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.cw-x:hover{background:rgba(255,255,255,.22)}
.cw-body{flex:1;overflow-y:auto;padding:18px 14px;background:#f4f7fa;display:flex;flex-direction:column;gap:8px}
.cw-msg{display:flex;flex-direction:column;max-width:82%}
.cw-msg>div{padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}
.cw-msg time{font-size:11px;color:#9aa6b2;margin:3px 6px 0}
.cw-msg.them{align-self:flex-start}
.cw-msg.them>div{background:#fff;color:var(--ink);border:1px solid #e5ebf1;border-bottom-left-radius:5px}
.cw-msg.me{align-self:flex-end;align-items:flex-end}
.cw-msg.me>div{background:#0b5f8a;color:#fff;border-bottom-right-radius:5px}
.cw-start{display:grid;gap:8px;padding:12px 14px 0;background:#fff;border-top:1px solid #edf1f5}
.cw-start[hidden]{display:none}
.cw-start input{font:inherit;font-size:14px;padding:10px 12px;border:1px solid #d9e2ea;border-radius:10px}
.cw-send{display:flex;align-items:flex-end;gap:8px;padding:12px 14px 14px;background:#fff}
.cw-start:not([hidden])+.cw-send{padding-top:8px}
.cw-start[hidden]+.cw-send{border-top:1px solid #edf1f5}
.cw-send textarea{flex:1;resize:none;font:inherit;font-size:14.5px;padding:10px 14px;border:1px solid #d9e2ea;border-radius:22px;max-height:120px;line-height:1.4}
.cw-start input:focus,.cw-send textarea:focus{outline:0;border-color:#0b5f8a;box-shadow:0 0 0 3px rgba(11,95,138,.12)}
.cw-go{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:#0b5f8a;cursor:pointer;display:grid;place-items:center}
.cw-go:hover{background:#094c6f}
.cw-go svg{width:19px;height:19px;fill:#fff}
.cw-err{background:#fdecec;color:#a5281f;font-size:13px;padding:8px 14px}
@media (max-width:520px){
  .chatfab{right:14px;bottom:14px;padding:14px}
  .chatfab span{display:none}
  .chatw{right:0;bottom:0;width:100vw;max-width:100vw;height:100%;max-height:100%;border-radius:0}
  body.chat-on{overflow:hidden}
}
.lh-cap{transition:opacity .3s ease,transform .3s ease}
.lh-cap.on{transition:opacity .6s ease .28s,transform .6s ease .28s}

/* ===== v5.1 ===== */
/* পার্টনার লোগোর ব্যাজ: স্বচ্ছ কাচ */
.lh-partner{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}
.lh-partner span{color:rgba(255,255,255,.78)}
.lh-partner b{color:#fff}
.lh-partner img{filter:drop-shadow(0 1px 2px rgba(255,255,255,.35)) drop-shadow(0 0 10px rgba(255,255,255,.18))}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lh-partner{background:rgba(13,44,69,.6)}}
/* চ্যাট: অফলাইন, স্বয়ংক্রিয় উত্তর, দ্রুত প্রশ্ন, টাইপ-সংকেত */
.chatw.offline .cw-av i{background:#9aa6b2}
.cw-msg.bot>div{background:#eef7f6;border-color:#cfe9e5}
.cw-quick{display:flex;gap:8px;overflow-x:auto;padding:10px 14px 2px;background:#f4f7fa;scrollbar-width:thin}
.cw-quick button{flex:none;border:1px solid #b9d4e5;background:#fff;color:#0b5f8a;font:inherit;font-size:13.5px;font-weight:600;padding:7px 13px;border-radius:20px;cursor:pointer;white-space:nowrap}
.cw-quick button:hover{background:#e6f2f9}
.cw-typing{display:flex;align-items:center;gap:4px;padding:2px 18px 8px;background:#f4f7fa;color:#7a8796;font-size:12.5px}
.cw-typing span,.cb-typing span{width:6px;height:6px;border-radius:50%;background:#9aa6b2;animation:tdot 1.2s infinite}
.cw-typing span:nth-child(2),.cb-typing span:nth-child(2){animation-delay:.15s}
.cw-typing span:nth-child(3),.cb-typing span:nth-child(3){animation-delay:.3s}
.cw-typing em{font-style:normal;margin-left:6px}
@keyframes tdot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}

/* ===== v5.2 ===== */
/* হিরো: চওড়া, লগইন কার্ড ডানে */
.lh-in{max-width:1300px!important;grid-template-columns:1.2fr minmax(360px,420px)!important;gap:64px!important}
.lh-card{justify-self:end}
.lh-card.pulse{animation:lcpulse 1.2s ease}
@keyframes lcpulse{0%{box-shadow:0 0 0 0 rgba(95,224,211,.7),0 30px 70px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 22px rgba(95,224,211,0),0 30px 70px rgba(0,0,0,.35)}}
/* পার্টনার ব্যাজ: ছোট লেবেল, বড় লোগো, সমান মাপ */
.lh-partner{display:inline-flex!important;flex-direction:column;align-items:stretch!important;gap:9px!important;padding:10px!important;border-radius:18px!important;margin-bottom:26px}
.lh-partner span{font-size:10.5px!important;letter-spacing:1.1px!important;font-weight:700;text-transform:uppercase;white-space:nowrap;padding:0 6px;color:rgba(255,255,255,.82)!important;text-align:center}
.lh-partner img{height:auto!important;max-height:74px;width:100%;max-width:260px!important;min-width:180px;object-fit:contain;background:#fff;border-radius:12px;padding:10px 18px;box-sizing:border-box;filter:none!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.lh-partner b{background:#fff;color:#0d2c45!important;border-radius:12px;padding:12px 18px;text-align:center;font-size:18px!important}
@media (max-width:900px){.lh-in{grid-template-columns:1fr!important;gap:28px!important}.lh-card{justify-self:stretch}}
@media (max-width:480px){.lh-partner img{min-width:0;max-height:60px}}

/* হেডারের লগইন বাটন */
.hsignin{display:inline-flex;align-items:center;gap:7px;background:var(--pri,#0b5f8a);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:8px 16px;border-radius:30px;box-shadow:0 4px 12px rgba(11,95,138,.25);transition:.15s}
.hsignin:hover{background:#094c6f;transform:translateY(-1px)}
.hsignin svg{width:16px;height:16px;fill:#fff}
@media (max-width:520px){.hsignin span{display:none}.hsignin{padding:8px 10px}}

/* নিচের অংশ: চিকিৎসা-বিষয়ক ব্যাকগ্রাউন্ড */
.med-bg{position:relative;overflow:hidden;background:radial-gradient(700px 380px at 0% 0%,rgba(20,163,154,.08),transparent 70%),radial-gradient(700px 380px at 100% 100%,rgba(11,95,138,.08),transparent 70%),#f6f9fc}
.med-bg::before{content:'';position:absolute;inset:0;background:url(med-pattern.svg) 0 0/260px 260px;opacity:.06;pointer-events:none}
.med-bg>.wrap{position:relative}
.ls.alt.med-bg{background:radial-gradient(600px 340px at 100% 0%,rgba(20,163,154,.08),transparent 70%),#fff}
.how-bg{position:relative;overflow:hidden;background:linear-gradient(160deg,#eef6fb 0%,#ecf8f6 100%)!important}
.how-bg::before{content:'';position:absolute;inset:0;background:url(med-pattern.svg) 40px 30px/300px 300px;opacity:.05;pointer-events:none}
.how-bg::after{content:'';position:absolute;left:0;right:0;bottom:18px;height:120px;background:url(ecg.svg) center/1200px 120px repeat-x;opacity:.35;pointer-events:none}
.how-bg.has-photo{background:linear-gradient(rgba(240,247,251,.9),rgba(240,247,251,.92)),var(--sbg) center/cover no-repeat!important}
.how-bg.has-photo::before{display:none}
.how-bg>.wrap{position:relative;z-index:1}
.how-bg .tline li{background:rgba(255,255,255,.75);border:1px solid #dde9f1;border-radius:18px;padding:22px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.how-bg .tline::before{top:48px}
.why-bg{position:relative;background:#fff}
.why-bg::before{content:'';position:absolute;right:-120px;top:40px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(20,163,154,.12),transparent 65%);pointer-events:none}
.cta-sec{background:linear-gradient(180deg,#f6f9fc,#fff)}
.cta2{position:relative;overflow:hidden}
.cta2::after{content:'';position:absolute;right:-40px;bottom:-30px;width:420px;height:120px;background:url(ecg.svg) right/1200px 120px no-repeat;opacity:.45;filter:brightness(1.6);pointer-events:none}
.cta2>*{position:relative;z-index:1}

/* ড্যাশবোর্ড: নতুন আবেদন বাটন */
.newapp{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--navy,#0d2c45);text-decoration:none;padding:10px 20px 10px 10px;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:.15s}
.newapp:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.26)}
.na-i{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#0b5f8a,#14a39a);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:600;line-height:1}
.newapp b{display:block;font-size:16px}
.newapp small{display:block;color:#66758a;font-size:12.5px}
/* ড্যাশবোর্ড: কাগজ প্রস্তুত */
.dready{background:#fff;border:1px solid #e3eaf1;border-left:4px solid #167a45;border-radius:14px;padding:16px 18px;margin:0 0 18px;box-shadow:0 4px 14px rgba(13,44,69,.04)}
.dr-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.dr-ic{width:38px;height:38px;border-radius:10px;background:#e3f6ec;display:grid;place-items:center;flex:none}
.dr-ic svg{width:20px;height:20px;fill:#167a45}
.dr-h b{display:block;color:var(--navy,#0d2c45);font-size:15.5px}
.dr-h small{display:block;color:#66758a;font-size:13px}
.dr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.dr-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k b" "p b" "d b";column-gap:10px;align-items:center;text-decoration:none;color:inherit;border:1px solid #e6edf3;border-radius:11px;padding:10px 12px;background:#fafcfd;transition:.12s}
.dr-item:hover{border-color:#9fd8b8;background:#f2fbf6}
.dr-k{grid-area:k;font-size:12px;font-weight:700;color:#167a45;text-transform:uppercase;letter-spacing:.4px}
.dr-p{grid-area:p;font-weight:700;color:var(--navy,#0d2c45);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-d{grid-area:d;font-size:12px;color:#8995a3}
.dr-b{grid-area:b;background:#167a45;color:#fff;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:8px;white-space:nowrap}
.stats{margin-top:-30px!important;position:relative}
.ready-banner{display:none}

/* আবেদন: ডাক্তার খোঁজা */
.acwrap{position:relative}
.aclist{position:absolute;left:0;right:0;top:100%;z-index:30;margin:4px 0 0;padding:6px;list-style:none;background:#fff;border:1px solid #d6e2ec;border-radius:12px;box-shadow:0 16px 36px rgba(13,44,69,.16);max-height:260px;overflow-y:auto}
.aclist li{padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14.5px}
.aclist li:hover,.aclist li.on{background:#e7f2f9}
.aclist mark{background:#fff3b0;color:inherit;border-radius:3px}
.fhint{display:block;color:#7a8796;font-size:12.5px;margin-top:5px}
#docDept{width:100%}
/* সফলতার পপ-আপ */
.okmodal{position:fixed;inset:0;z-index:80;background:rgba(9,22,36,.55);display:grid;place-items:center;padding:16px;animation:okfade .2s}
.okmodal[hidden]{display:none}
@keyframes okfade{from{opacity:0}}
body.modal-on{overflow:hidden}
.okm-card{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:okpop .3s cubic-bezier(.2,.9,.3,1.2)}
@keyframes okpop{from{transform:scale(.92);opacity:0}}
.okm-top{text-align:center;padding:30px 26px 18px;background:linear-gradient(160deg,#e9f8f1,#eef6fb);border-radius:22px 22px 0 0}
.okm-tick{width:66px;height:66px;margin:0 auto 12px;border-radius:50%;background:#167a45;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(22,122,69,.15)}
.okm-tick svg{width:36px;height:36px;fill:#fff}
.okm-top h2{margin:0 0 6px;color:var(--navy,#0d2c45);font-size:22px}
.okm-top p{margin:0;color:#5d6778}
.okm-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;padding:18px 26px}
.okm-dl dt{color:#7a8796;font-size:13.5px}
.okm-dl dd{margin:0;font-weight:700;color:var(--navy,#0d2c45);text-align:right;overflow-wrap:anywhere}
.okm-mail{display:flex;gap:12px;margin:0 26px;padding:14px;border-radius:12px;background:#eef6fb}
.okm-mail svg{width:22px;height:22px;fill:#0b5f8a;flex:none;margin-top:2px}
.okm-mail b{display:block;color:var(--navy,#0d2c45)}
.okm-mail span{display:block;color:#4a5869;font-size:14px}
.okm-spam{margin:10px 26px 0;padding:12px 14px;border-radius:12px;background:#fff6db;color:#7a5600;font-size:13.5px;line-height:1.5}
.okm-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:20px 26px 26px}
.ls.how-bg{padding-bottom:120px}.how-bg::after{bottom:4px;opacity:.3}

/* ===== v5.3 ===== */
/* আবেদনের তালিকা: পাসপোর্ট ও অ্যাটেনডেন্ট আলাদা কলাম */
.rrow{grid-template-columns:1.7fr 1.1fr .7fr 1.2fr .9fr .9fr 1fr 1fr 1.1fr!important}
.ratt b{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:#eef4f9;color:var(--navy,#0d2c45);font-size:13.5px}
.rpp{font-size:13.5px}
.delbtn{display:inline-flex;align-items:center;gap:5px;border:1px solid #f1c4c0;background:#fff5f4;color:#b0322a;font:inherit;font-size:13px;font-weight:600;padding:6px 10px;border-radius:8px;cursor:pointer;transition:.12s}
.delbtn:hover{background:#b0322a;color:#fff;border-color:#b0322a}
.delbtn svg{width:15px;height:15px;fill:currentColor}
@media (max-width:900px){
  .rrow{grid-template-columns:1fr auto!important}
  .rpp,.ratt{font-size:13px}
  .rpp::before,.ratt::before{content:attr(data-l) ': ';color:var(--mute);margin-right:6px;font-family:inherit}
}
/* সাইটের লোগো (আপলোড করা) */
.logo.has-img{background:#fff!important;box-shadow:0 2px 8px rgba(13,44,69,.12);overflow:hidden;padding:3px}
.logo.has-img img{width:100%;height:100%;object-fit:contain;display:block}
.lc-ico.has-img{background:#fff!important;padding:8px;width:72px!important;height:72px!important;border-radius:20px!important}
.lc-ico.has-img img{width:100%;height:100%;object-fit:contain}
.cw-av.has-img{background:#fff}
.cw-av.has-img img{width:30px;height:30px;object-fit:contain}

/* স্বীকৃতির সারি */
.certs{background:#fff;border-bottom:1px solid #e9eef3;padding:22px 0}
.certs .wrap{max-width:1160px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.ct-t{display:flex;flex-direction:column;border-right:1px solid #e3eaf1;padding-right:28px}
.ct-t small{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#14a39a}
.ct-t b{color:var(--navy,#0d2c45);font-size:16px}
.ct-l{display:flex;gap:26px;align-items:center;flex-wrap:wrap;justify-content:center}
.ct-l figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.ct-l img{height:62px;max-width:130px;object-fit:contain;transition:transform .2s}
.ct-l figure:hover img{transform:scale(1.06)}
.ct-l figcaption{font-size:11.5px;font-weight:700;color:#7a8796;letter-spacing:.5px}
@media (max-width:700px){.ct-t{border:0;padding:0;text-align:center;width:100%}.ct-l img{height:50px}}

/* সেবা কার্ড — নতুন রূপ */
.svcg{gap:22px!important}
.svc{border:1px solid #e3ecf3!important;border-radius:22px!important;padding:30px 24px 26px!important;overflow:hidden;box-shadow:0 6px 20px rgba(13,44,69,.05)}
.svc::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0b5f8a,#14a39a);transform:scaleX(.25);transform-origin:left;transition:transform .35s}
.svc:hover::before{transform:scaleX(1)}
.svc:hover{transform:translateY(-6px)!important;box-shadow:0 24px 48px rgba(13,44,69,.13)!important;border-color:#cfe1ec!important}
.svc-i{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,#0b5f8a,#14a39a)!important;box-shadow:0 10px 22px rgba(11,95,138,.28);margin-bottom:20px!important}
.svc-i svg{fill:#fff!important;width:28px!important;height:28px!important}
.svc h3{font-size:18px!important}
.svc-n{position:absolute;right:18px;top:14px;font-size:42px;font-weight:800;color:#eef4f9;line-height:1;letter-spacing:-1px;z-index:0;transition:color .3s}
.svc:hover .svc-n{color:#e3f3f1}
.svc>*:not(.svc-n){position:relative;z-index:1}

/* কীভাবে কাজ করে — নতুন রূপ */
.how-bg .tline{gap:26px}
.how-bg .tline::before{top:62px!important;left:14%!important;right:14%!important;height:3px!important;background:linear-gradient(90deg,#0b5f8a,#14a39a)!important;opacity:.25;border-radius:3px}
.how-bg .tline li{background:#fff!important;border:1px solid #e1ebf2!important;border-radius:22px!important;padding:28px 18px 24px!important;box-shadow:0 10px 30px rgba(13,44,69,.07);transition:.25s}
.how-bg .tline li:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(13,44,69,.12)}
.tl-ic{position:relative;width:70px;height:70px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,#e7f2f9,#e1f5f2);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #d5e7f0}
.tl-ic>svg{width:32px;height:32px;fill:#0b5f8a}
.tl-ic .tl-n{position:absolute;right:-8px;top:-8px;width:28px!important;height:28px!important;margin:0!important;font-size:13px!important;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(11,95,138,.3)!important}
.how-bg .tline h3{font-size:17.5px}

/* কেন আমরা — যাত্রার কার্ড */
.journey{position:relative;padding:0 0 70px}
.jr-map{position:relative;height:360px;border-radius:28px;overflow:hidden;
  background:radial-gradient(500px 260px at 85% 10%,rgba(20,163,154,.55),transparent 65%),radial-gradient(420px 260px at 0% 100%,rgba(11,95,138,.7),transparent 60%),linear-gradient(140deg,#0b2236,#0d3a5a 55%,#0b5f8a);
  box-shadow:0 30px 60px rgba(13,44,69,.25)}
.jr-map::before{content:'';position:absolute;inset:0;background:url(med-pattern.svg) 0 0/220px 220px;opacity:.08;filter:invert(1)}
.jr-path{position:absolute;left:4%;top:10%;width:92%;height:70%}
.jr-plane{position:absolute;left:47%;top:20%;width:46px;height:46px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.25);animation:jrfloat 3.5s ease-in-out infinite}
.jr-plane svg{width:24px;height:24px;fill:#0b5f8a;transform:rotate(65deg)}
@keyframes jrfloat{50%{transform:translateY(-8px)}}
.jr-pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}
.jr-pin i{width:18px;height:18px;border-radius:50%;background:#5fe0d3;box-shadow:0 0 0 6px rgba(95,224,211,.25),0 0 0 14px rgba(95,224,211,.1)}
.jr-pin b{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:5px 12px;border-radius:20px;font-size:13.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.jr-pin.a{left:7%;top:66%}
.jr-pin.b{right:6%;top:46%}
.jr-pin.b i{background:#9fd6ff;box-shadow:0 0 0 6px rgba(159,214,255,.25),0 0 0 14px rgba(159,214,255,.1)}
.jr-photo{height:380px;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(13,44,69,.22)}
.jr-photo img{width:100%;height:100%;object-fit:cover;display:block}
.jr-card{position:absolute;left:28px;right:28px;bottom:0;background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 20px 50px rgba(13,44,69,.16);border:1px solid #e6edf3}
.jr-t{display:block;color:var(--navy,#0d2c45);font-size:16px;margin-bottom:10px}
.jr-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.jr-card li{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#4a5869;line-height:1.35}
.jr-card li span{width:36px;height:36px;border-radius:11px;background:#e7f2f9;display:grid;place-items:center}
.jr-card li span svg{width:19px;height:19px;fill:#0b5f8a}
.why-l li{background:#fff;border:1px solid #edf2f6;border-radius:16px;padding:14px 16px;transition:.2s}
.why-l li:hover{border-color:#cfe1ec;box-shadow:0 10px 26px rgba(13,44,69,.07)}
.why-l li>span{background:linear-gradient(135deg,#0b5f8a,#14a39a)!important}
.why-l li>span svg{fill:#fff!important}
@media (max-width:600px){.jr-map,.jr-photo{height:280px}.jr-card ul{grid-template-columns:1fr}.jr-card li{flex-direction:row;align-items:center}.journey{padding-bottom:0}.jr-card{position:relative;left:auto;right:auto;margin:-40px 14px 0}}

/* চ্যাট: ফাইল */
.cw-att{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#5d6778;transition:.12s}
.cw-att:hover{background:#eef4f9;color:#0b5f8a}
.cw-att svg{width:21px;height:21px;fill:currentColor}
.chatw.sending .cw-att{opacity:.4;pointer-events:none}
.cw-msg.file img{max-width:220px;max-height:220px;border-radius:14px;display:block;border:1px solid #e5ebf1}
.cw-fchip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #e5ebf1;text-decoration:none;color:var(--navy,#0d2c45);max-width:240px}
.cw-msg.me .cw-fchip{background:#0b5f8a;color:#fff;border-color:#0b5f8a}
.cw-fchip b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-path{top:2%!important;height:60%!important}
.jr-pin.a{top:45%!important}
.jr-pin.b{top:31%!important}
.jr-plane{top:9%!important;left:46%!important}
.med-bg::before{opacity:.045!important}
@media (min-width:901px){
  .rrow{grid-template-columns:minmax(130px,1fr) 96px 82px 120px 88px 96px 96px 96px 176px!important;gap:8px!important;padding-left:20px!important;padding-right:20px!important}
  .rrow .ra{white-space:nowrap}
  .rrow.rhead span{line-height:1.25}
}

/* ===== v5.4 ===== */
/* হেডার: স্ক্রলে ছায়া */
header.top{transition:box-shadow .2s,background .2s}
header.top.scrolled{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(13,44,69,.08)}

/* পার্টনার চিপ: লোগো + লেখা এক সারিতে */
.lh-partner{display:none!important}
.pchip{display:inline-flex;align-items:stretch;margin-bottom:24px;border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(0,0,0,.2)}
.pc-logo{background:#fff;display:grid;place-items:center;padding:8px 16px}
.pc-logo img{height:44px;max-width:150px;object-fit:contain;display:block}
.pc-t{display:flex;flex-direction:column;justify-content:center;padding:8px 18px 8px 16px;line-height:1.25}
.pc-t small{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:#9fe3da}
.pc-t b{font-size:15.5px;color:#fff;font-weight:700}
@media (max-width:480px){.pc-logo img{height:36px;max-width:110px}.pc-t b{font-size:14px}}

/* হিরোর ভেতরে স্বীকৃতি */
.lh-certs{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.lh-certs small{font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.lh-certs>div{display:flex;gap:10px;flex-wrap:wrap}
.lc-c{height:48px;min-width:64px;padding:6px 10px;background:#fff;border-radius:12px;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .2s}
.lc-c:hover{transform:translateY(-2px)}
.lc-c img{max-height:36px;max-width:90px;object-fit:contain;display:block}

/* লগইন পপ-আপ */
.smodal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;
  background:radial-gradient(800px 500px at 50% 20%,rgba(20,163,154,.35),transparent 60%),rgba(7,22,38,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:okfade .2s}
.smodal[hidden]{display:none}
.sm-card{position:relative;width:100%;max-width:420px;justify-self:center!important;animation:smpop .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes smpop{from{transform:translateY(16px) scale(.94);opacity:0}}
.sm-x{position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sm-x:hover{background:rgba(255,255,255,.25)}
.sm-card .gwrap{min-height:52px}

/* শেষের আহ্বান — নতুন ব্যানার */
.cta-sec{padding:70px 0 90px!important}
.cta2{display:none!important}
.cta3{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;padding:46px 52px;border-radius:30px;color:#fff;
  background:radial-gradient(520px 300px at 100% 0%,rgba(20,163,154,.55),transparent 65%),radial-gradient(420px 300px at 0% 100%,rgba(11,95,138,.65),transparent 60%),linear-gradient(120deg,#0a1f33,#0d3a5a 55%,#0b5f8a);
  box-shadow:0 30px 70px rgba(13,44,69,.28)}
.cta3::before{content:'';position:absolute;inset:0;background:url(med-pattern.svg) 0 0/240px 240px;opacity:.07;filter:invert(1);pointer-events:none}
.cta3::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:110px;background:url(ecg.svg) center/1200px 110px repeat-x;opacity:.35;filter:brightness(1.8);pointer-events:none}
.cta3>*{position:relative;z-index:1}
.c3-art{position:relative;width:120px;height:120px;display:grid;place-items:center}
.c3-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.c3-ring.r1{inset:0;animation:c3pulse 3s ease-out infinite}
.c3-ring.r2{inset:14px;border-color:rgba(255,255,255,.35)}
@keyframes c3pulse{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.25);opacity:0}}
.c3-ic{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#14a39a,#5fe0d3);display:grid;place-items:center;box-shadow:0 14px 30px rgba(20,163,154,.45)}
.c3-ic svg{width:38px;height:38px;fill:#fff}
.c3-t h2{margin:0 0 8px;font-size:32px;letter-spacing:-.4px}
.c3-t p{margin:0;color:#cfe0ec;font-size:16.5px;max-width:520px}
.c3-b{display:flex;flex-direction:column;gap:10px}
.c3-primary,.c3-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;font-size:15.5px;padding:13px 24px;border-radius:14px;white-space:nowrap;transition:.15s}
.c3-primary{background:#fff;color:#0d2c45;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.c3-primary:hover{transform:translateY(-2px)}
.c3-primary svg{width:18px;height:18px;fill:#0b5f8a}
.c3-ghost{color:#fff;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.c3-ghost:hover{background:rgba(255,255,255,.16)}
.c3-ghost svg{width:18px;height:18px;fill:#fff}
@media (max-width:900px){.cta3{grid-template-columns:1fr;text-align:center;padding:36px 24px;justify-items:center}.c3-t p{margin:0 auto}.c3-b{flex-direction:row;flex-wrap:wrap;justify-content:center}.c3-t h2{font-size:25px}}

/* হোম পেজের ফুটার */
.foot2{background:#0a1f33;color:#a9bccb;margin-top:0}
.foot2>.wrap{max-width:1160px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;padding:54px 16px 40px}
.f2-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:12px}
.f2-logo b{font-size:17px}
.f2-brand p{margin:0 0 16px;font-size:14px;line-height:1.6;max-width:320px}
.f2-partner{display:inline-block;background:#fff;border-radius:10px;padding:6px 12px}
.f2-partner img{height:34px;max-width:140px;object-fit:contain;display:block}
.f2-col{display:flex;flex-direction:column;gap:9px}
.f2-col b{color:#fff;font-size:14px;letter-spacing:.4px;margin-bottom:4px}
.f2-col a{color:#a9bccb;text-decoration:none;font-size:14px}
.f2-col a:hover{color:#5fe0d3}
.f2-certs{display:flex;gap:8px;flex-wrap:wrap}
.f2-certs img{height:40px;max-width:80px;object-fit:contain;background:#fff;border-radius:8px;padding:4px 6px}
.f2-bar{border-top:1px solid rgba(255,255,255,.08)}
.f2-bar .wrap{max-width:1160px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;font-size:13px}
@media (max-width:860px){.foot2>.wrap{grid-template-columns:1fr 1fr;gap:26px}.f2-brand{grid-column:1/-1}}

/* প্রশ্নোত্তর ও শিরোনাম — আরও পরিচ্ছন্ন */
.ls-h h2,.why-t h2{font-weight:800}
.eyebrow{box-shadow:inset 0 0 0 1px rgba(20,163,154,.18)}
.faq details{border-radius:16px!important;transition:.2s}
.faq details[open]{border-color:#cfe1ec!important}
.faq summary::after{width:30px;height:30px;border-radius:50%;background:#eef6fb;display:grid;place-items:center;top:12px!important;font-size:20px!important}
.cta3::after{height:64px!important;bottom:-4px!important;background-size:900px 64px!important;opacity:.22!important}

/* ===== v5.5 ===== */
/* নিচের অংশ: পরিচ্ছন্ন মেডিকেল ব্যাকগ্রাউন্ড (টাইল প্যাটার্নের বদলে) */
.med-bg::before,.how-bg::before{display:none!important}
.med-bg,.how-bg{position:relative;overflow:hidden;isolation:isolate}
.med-bg{background:
  radial-gradient(600px 420px at -5% 10%,rgba(20,163,154,.10),transparent 70%),
  radial-gradient(640px 460px at 105% 95%,rgba(11,95,138,.10),transparent 70%),
  linear-gradient(180deg,#f7fafd,#f2f7fb)!important}
.ls.alt.med-bg{background:radial-gradient(600px 420px at 105% 0%,rgba(20,163,154,.09),transparent 70%),radial-gradient(520px 380px at -5% 100%,rgba(11,95,138,.07),transparent 70%),#fff!important}
.med-bg>.wrap::before,.how-bg>.wrap::before{content:'';position:absolute;z-index:-1;pointer-events:none}
.med-bg::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:url(deco-steth.svg) left -60px top 30px/340px 340px no-repeat,url(deco-dna.svg) right -70px bottom 10px/320px 320px no-repeat;opacity:.09}
.ls.alt.med-bg::after{background:url(deco-dna.svg) left -80px top 20px/300px 300px no-repeat,url(deco-steth.svg) right -60px bottom 0/320px 320px no-repeat}
/* হালকা বিন্দুর গ্রিড, মাঝখান থেকে মিলিয়ে যায় */
.med-bg>.wrap,.how-bg>.wrap{position:relative}
.med-bg>.wrap::before{inset:-40px -200px;background:radial-gradient(rgba(11,95,138,.13) 1.2px,transparent 1.3px) 0 0/22px 22px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 10%,transparent 70%)}
.how-bg{background:linear-gradient(165deg,#0b2236 0%,#0d3a5a 50%,#0b5f8a 100%)!important}
.how-bg.has-photo{background:linear-gradient(165deg,rgba(11,34,54,.92),rgba(11,95,138,.88)),var(--sbg) center/cover no-repeat!important}
.how-bg>.wrap::before{inset:-80px -220px;background:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.3px) 0 0/24px 24px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}
.how-bg::after{opacity:.5!important;filter:brightness(1.7);bottom:0!important}
.how-bg .ls-h h2{color:#fff}
.how-bg .eyebrow{background:rgba(95,224,211,.15);color:#7fe9dd;box-shadow:inset 0 0 0 1px rgba(95,224,211,.3)}
.how-bg .tline::before{background:linear-gradient(90deg,rgba(95,224,211,.6),rgba(159,214,255,.6))!important;opacity:1!important}
.how-bg .tline li{background:rgba(255,255,255,.96)!important;border-color:transparent!important;box-shadow:0 20px 40px rgba(0,0,0,.18)!important}
.how-bg .tl-ic .tl-n{box-shadow:0 0 0 3px #fff,0 6px 14px rgba(0,0,0,.25)!important}
.why-bg::before{background:radial-gradient(circle,rgba(20,163,154,.10),transparent 65%)!important}

/* পার্টনার চিপ ২: লোগো ও লেখা এক সাদা কার্ডে */
.pchip{display:none!important}
.pchip2{display:inline-flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:10px 18px 10px 14px;margin-bottom:24px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.pc2-logo{height:46px;max-width:160px;object-fit:contain;display:block}
.pc2-name{color:#0d2c45;font-size:18px}
.pc2-sep{width:1px;align-self:stretch;background:#e2e8ef}
.pc2-t{display:flex;align-items:center;gap:9px}
.pc2-t b{color:#0d2c45;font-size:14.5px;font-weight:700;letter-spacing:.2px}
.pc2-flag{width:26px;height:16px;flex:none;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
@media (max-width:480px){.pc2-logo{height:36px;max-width:120px}.pc2-t b{font-size:13px}.pchip2{gap:10px;padding:8px 12px}}

/* স্বীকৃতি: লোগো + নাম */
.lc-c,.lh-certs .lc-c{display:none}
.lc-c2{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:6px 14px 6px 6px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.lc-c2 img{width:40px;height:40px;object-fit:contain;display:block}
.lc-c2 b{color:#0d2c45;font-size:13px;font-weight:700;white-space:nowrap}
.lc-c2:not(:has(b)){padding-right:6px}
.lh-certs>div{gap:10px}

/* উড়ন্ত বিমান */
.jr-plane.flying{left:0!important;top:0!important;animation:none!important;will-change:transform,opacity;box-shadow:0 10px 24px rgba(0,0,0,.3),0 0 0 6px rgba(255,255,255,.12)}
.jr-plane.flying svg{transform:rotate(90deg)!important}
#jrTrail{filter:drop-shadow(0 0 4px rgba(159,214,255,.8))}

/* চ্যাট হেডার: ছোট ও পরিচ্ছন্ন */
.cw-head{padding:13px 14px 13px 16px!important}
.cw-head b{font-size:15.5px}
.cw-head small{font-size:12.5px;color:#9fe3da!important}
.chatw.offline .cw-head small{color:#c7d3dd!important}

/* ===== v5.6 — জমার অপেক্ষার পপ-আপ ===== */
.waitmodal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(9,22,36,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:okfade .2s}
.waitmodal[hidden]{display:none}
.wm-card{width:100%;max-width:440px;background:#fff;border-radius:22px;padding:30px 28px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:okpop .3s ease}
.wm-spin{position:relative;width:82px;height:82px;margin:0 auto 16px;display:grid;place-items:center}
.wm-spin span{position:absolute;inset:0;border-radius:50%;border:4px solid #e3eef6;border-top-color:#0b5f8a;border-right-color:#14a39a;animation:wmspin 1s linear infinite}
.wm-spin svg{width:32px;height:32px;fill:#0b5f8a}
@keyframes wmspin{to{transform:rotate(360deg)}}
.wm-card h2{margin:0 0 14px;color:var(--navy,#0d2c45);font-size:20px}
.wm-bar{height:6px;border-radius:6px;background:#eef3f8;overflow:hidden;margin-bottom:16px}
.wm-bar i{display:block;height:100%;width:10%;border-radius:6px;background:linear-gradient(90deg,#0b5f8a,#14a39a);transition:width .6s ease}
.wm-card ol{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:grid;gap:9px}
.wm-card li{display:flex;align-items:center;gap:10px;color:#9aa6b2;font-size:14.5px}
.wm-card li span{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid #d6e1ea}
.wm-card li.on{color:var(--navy,#0d2c45);font-weight:600}
.wm-card li.on span{border-color:#0b5f8a;border-top-color:transparent;animation:wmspin .9s linear infinite}
.wm-card li.done{color:#167a45}
.wm-card li.done span{border-color:#167a45;background:#167a45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/14px no-repeat}
.wm-card li em{font-style:normal;color:#7a8796;font-weight:400;margin-left:auto}
.wm-warn{margin:0;padding:11px 14px;border-radius:12px;background:#fff6db;color:#7a5600;font-size:13.5px;font-weight:600}
.drop small .multi{color:#0b5f8a;font-weight:600}

/* ===== v5.7 — চলমান চিকিৎসা-নকশা ===== */
.med-bg::after{opacity:.05!important}
.mdeco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ls>.wrap{position:relative;z-index:1}
.md{position:absolute;display:block;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 16px rgba(11,95,138,.18))}
.md svg{width:100%;height:100%;display:block}
.md::before{content:'';position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,currentColor 0,transparent 68%);opacity:.12}
.mc-t{color:#14a39a}.mc-b{color:#0b5f8a}.mc-r{color:#e05a6a}
.med-bg .md{opacity:.55}
.how-bg .md{opacity:.6}
.how-bg .mc-b{color:#9fd6ff}.how-bg .mc-t{color:#5fe0d3}.how-bg .mc-r{color:#ff8a98}
.md-float{animation:mdFloat 7s ease-in-out infinite}
.md-sway{animation:mdSway 6s ease-in-out infinite}
.md-spin{animation:mdSpin 14s linear infinite}
.md-beat{animation:mdBeat 1.6s ease-in-out infinite}
@keyframes mdFloat{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-4deg)}50%{transform:translate(-50%,-50%) translateY(-22px) rotate(6deg)}}
@keyframes mdSway{0%,100%{transform:translate(-50%,-50%) rotate(-10deg)}50%{transform:translate(-50%,-50%) rotate(10deg) translateY(-10px)}}
@keyframes mdSpin{0%{transform:translate(-50%,-50%) rotateY(0) rotate(-12deg)}100%{transform:translate(-50%,-50%) rotateY(360deg) rotate(-12deg)}}
@keyframes mdBeat{0%,100%{transform:translate(-50%,-50%) scale(1)}12%{transform:translate(-50%,-50%) scale(1.14)}24%{transform:translate(-50%,-50%) scale(.98)}36%{transform:translate(-50%,-50%) scale(1.1)}}
/* হার্টবিট রেখা: হালকা ভিত্তি + তার উপর দিয়ে আলো ছুটে চলে */
.md-ecg{position:absolute;left:0;right:0;bottom:16px;width:100%;height:70px}
.md-ecg path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ecg-base{stroke:rgba(20,163,154,.22)}
.ecg-run{stroke:#14a39a;stroke-dasharray:140 2400;stroke-dashoffset:0;animation:ecgRun 4.2s linear infinite;filter:drop-shadow(0 0 6px rgba(20,163,154,.9))}
.how-bg .ecg-base{stroke:rgba(159,214,255,.25)}
.how-bg .ecg-run{stroke:#7fe9dd}
.how-bg::after{display:none!important}
@keyframes ecgRun{from{stroke-dashoffset:0}to{stroke-dashoffset:-2540}}
.mdeco-b .md-ecg{bottom:8px;height:56px}
#faq .md-ecg{opacity:.8}
@media (max-width:760px){.md{transform:translate(-50%,-50%) scale(.7)}.md:nth-child(n+5){display:none}.med-bg .md{opacity:.4}}
@media (prefers-reduced-motion:reduce){.md,.ecg-run{animation:none!important}}

/* ফুটার: লোগোর সাথে কয়েক লাইনের পরিচিতি */
.foot2>.wrap{grid-template-columns:1.8fr 1fr 1fr 1.3fr!important}
.f2-about{margin:0 0 18px!important;font-size:14px;line-height:1.7;color:#a9bccb;max-width:380px}
.f2-rep{display:inline-flex;align-items:stretch;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.f2-rep-logo{background:#fff;display:grid;place-items:center;padding:8px 14px}
.f2-rep-logo img{height:38px;max-width:130px;object-fit:contain;display:block}
.f2-rep-t{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 16px 8px 14px}
.f2-rep-t small{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#7fe9dd}
.f2-rep-t small svg{width:20px;height:12px;border-radius:2px}
.f2-rep-t b{color:#fff;font-size:14.5px}
.f2-partner{display:none!important}
.f2-certs{flex-direction:column;align-items:flex-start;gap:10px!important}
.f2-cert{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 12px 6px 6px}
.f2-cert img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:8px;padding:3px;display:block}
.f2-cert em{font-style:normal;color:#dbe7f0;font-size:13px;font-weight:600}
.foot2{background:radial-gradient(600px 300px at 10% 0%,rgba(20,163,154,.12),transparent 70%),#0a1f33!important;position:relative}
.foot2::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#14a39a,#0b5f8a,#14a39a)}
@media (max-width:860px){.foot2>.wrap{grid-template-columns:1fr 1fr!important}}

/* ===== v5.8 ===== */
/* পাতা কখনো ডানে-বামে স্ক্রল হবে না */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
.ls,.why-bg,.lhero,.foot2,.cta-sec{overflow-x:clip}
img,svg,video{max-width:100%}

/* হোম পেজ: হেডার হিরোর উপর স্বচ্ছ, স্ক্রল করলে সাদা */
body.landing header.top{position:fixed;left:0;right:0;top:0;z-index:40}
body.landing header.top:not(.scrolled){background:linear-gradient(180deg,rgba(6,20,34,.55),rgba(6,20,34,0));box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
body.landing header.top:not(.scrolled) a.brand,body.landing header.top:not(.scrolled) a.brand b{color:#fff}
body.landing header.top:not(.scrolled) a.brand small{color:rgba(255,255,255,.78)}
body.landing header.top:not(.scrolled) .langsw{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}
body.landing header.top:not(.scrolled) .langsw a{color:rgba(255,255,255,.85)}
body.landing header.top:not(.scrolled) .langsw a.on{background:#fff;color:#0d2c45}
body.landing header.top:not(.scrolled) .hsignin{background:#fff;color:#0d2c45;box-shadow:0 6px 18px rgba(0,0,0,.2)}
body.landing header.top:not(.scrolled) .hsignin svg{fill:#0b5f8a}
body.landing header.top:not(.scrolled) .logo:not(.has-img){box-shadow:0 4px 14px rgba(0,0,0,.25)}
body.landing .lhero{padding-top:70px;min-height:680px}

/* হিরোর নিচে ঢেউ — পরের অংশের সাথে মিশে যায় */
.lhero{position:relative}
.lh-bg::after{content:'';position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,rgba(7,22,38,0),rgba(7,22,38,.35));pointer-events:none;z-index:1}
.lh-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;z-index:2;pointer-events:none;display:block}
.lh-wave .w1{fill:#f7fafd;opacity:.45}
.lh-wave .w2{fill:#f7fafd}
.lh-in{position:relative;z-index:3;padding-bottom:110px!important}
@media (max-width:900px){.lh-wave{height:56px}.lh-in{padding-bottom:76px!important}body.landing .lhero{min-height:0}}

/* স্বীকৃতির টাইল: সব সমান মাপ */
.lc-c2{width:150px;height:52px;box-sizing:border-box;padding:6px 12px 6px 6px!important;gap:10px;justify-content:flex-start}
.lc-c2 img{width:40px!important;height:40px!important;flex:none;object-fit:contain}
.lc-c2 b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px!important;text-align:left}
.lc-c2:not(:has(b)){width:52px;padding:6px!important;justify-content:center}
.f2-cert{width:200px;height:52px;box-sizing:border-box}
.f2-cert em{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){.lc-c2{width:132px}}
body.landing header.top .wrap{max-width:1300px}
.lc-c2{width:156px}
.lc-c2 b{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;font-size:12px!important}
.f2-cert em{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
@media (max-width:480px){.lc-c2{width:calc(50% - 5px)}}

/* ===== v5.9 — হোম পেজের হেডার: ভাসমান কাচের বার, স্পষ্ট মেনু ===== */
.gnav a{display:inline-flex;align-items:center;gap:7px;font-weight:600;border:1px solid transparent;transition:.15s}
.gnav a svg{width:15px;height:15px;fill:currentColor;opacity:.75}
.gnav a.on{color:var(--pri);background:var(--priL)}
body.landing header.top{transition:background .25s,box-shadow .25s,padding .25s}
body.landing .lhero{padding-top:92px}
@media (max-width:980px){body.landing header.top:not(.scrolled) .wrap{margin:0 10px}}

/* ===== v5.10 — হোম পেজের হেডার: আলাদা গাঢ় বার, হিরোর রঙের সাথে মেলানো ===== */
body.landing header.top,body.landing header.top.scrolled,body.landing header.top:not(.scrolled){position:sticky!important;top:0;padding-top:0!important;color:#fff;
  background:linear-gradient(100deg,#06182a 0%,#0a2a45 45%,#0b4e74 80%,#0d6b80 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 0 rgba(255,255,255,.06)}
body.landing header.top.scrolled{box-shadow:0 10px 30px rgba(4,16,28,.35)!important}
/* নিচে আলোর সরু রেখা — হিরোর সাথে জোড়া */
body.landing header.top::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(95,224,211,.75),rgba(159,214,255,.75),transparent);opacity:.8}
body.landing header.top .wrap,body.landing header.top:not(.scrolled) .wrap{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0 16px!important;margin:0 auto!important;min-height:70px}
body.landing header.top a.brand,body.landing header.top a.brand b{color:#fff!important}
body.landing header.top a.brand small{color:rgba(255,255,255,.7)!important}
/* মেনু: স্পষ্ট বাটন */
body.landing header.top .gnav{gap:6px}
body.landing header.top .gnav a{color:#e6f1f8!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;padding:8px 15px!important;border-radius:11px!important}
body.landing header.top .gnav a svg{fill:#7fe9dd!important;opacity:1}
body.landing header.top .gnav a:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
body.landing header.top .gnav a.on{background:#fff!important;color:#0d2c45!important;border-color:#fff!important}
body.landing header.top .gnav a.on svg{fill:#0b5f8a!important}
body.landing header.top .langsw{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important}
body.landing header.top .langsw a{color:rgba(255,255,255,.85)!important}
body.landing header.top .langsw a.on{background:#fff!important;color:#0d2c45!important}
body.landing header.top .hsignin{background:linear-gradient(135deg,#14a39a,#5fe0d3)!important;color:#06243a!important;box-shadow:0 6px 18px rgba(20,163,154,.35)!important}
body.landing header.top .hsignin svg{fill:#06243a!important}
/* হিরো: হেডারের নিচ থেকে শুরু, উপরে হেডারের রঙে মিলিয়ে যায় */
body.landing .lhero{padding-top:0!important;min-height:610px}
.lh-bg::before{content:'';position:absolute;left:0;right:0;top:0;height:150px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,34,56,.85),rgba(8,34,56,0))}

/* ===== v5.11 — হেডার হিরোর নিচের হালকা রঙে, উপরে উল্টো ঢেউ ===== */
body.landing header.top,body.landing header.top.scrolled,body.landing header.top:not(.scrolled){background:#f7fafd!important;color:var(--navy,#0d2c45);box-shadow:none}
body.landing header.top.scrolled{background:rgba(247,250,253,.94)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px rgba(13,44,69,.1)!important}
body.landing header.top::after{display:none}
body.landing header.top a.brand,body.landing header.top a.brand b{color:var(--navy,#0d2c45)!important}
body.landing header.top a.brand small{color:#66758a!important}
body.landing header.top .gnav a{color:#24435c!important;background:#fff!important;border:1px solid #dde7ef!important;box-shadow:0 2px 6px rgba(13,44,69,.05)}
body.landing header.top .gnav a svg{fill:#14a39a!important}
body.landing header.top .gnav a:hover{background:#eef6fb!important;color:#0b5f8a!important;border-color:#bcd6e8!important}
body.landing header.top .gnav a.on{background:linear-gradient(135deg,#0b5f8a,#14a39a)!important;color:#fff!important;border-color:transparent!important}
body.landing header.top .gnav a.on svg{fill:#fff!important}
body.landing header.top .langsw{background:#fff!important;border-color:#dde7ef!important}
body.landing header.top .langsw a{color:#66758a!important}
body.landing header.top .langsw a.on{background:var(--pri,#0b5f8a)!important;color:#fff!important}
body.landing header.top .hsignin{background:linear-gradient(135deg,#0b5f8a,#14a39a)!important;color:#fff!important;box-shadow:0 6px 16px rgba(11,95,138,.28)!important}
body.landing header.top .hsignin svg{fill:#fff!important}
/* হিরোর উপরে উল্টো ঢেউ — হেডারের রং ছবির ভেতরে নেমে আসে */
.lh-bg::before{display:none}
/* হেডারের নিচে ঢেউ — হিরোর নিচের ঢেউয়ের মতো */
body.landing header.top::before{content:'';position:absolute;left:0;right:0;top:100%;height:34px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v22c-120 14-260 30-420 22S760 4 600 10 300 46 160 44 40 30 0 26z' fill='%23f7fafd'/%3E%3Cpath d='M0 0h1440v34c-160 18-300 18-460 6S700 20 520 30 220 56 0 40z' fill='%23f7fafd' fill-opacity='.45'/%3E%3C/svg%3E") top/100% 100% no-repeat}
body.landing header.top.scrolled::before{filter:drop-shadow(0 6px 6px rgba(13,44,69,.08))}
body.landing .lhero{padding-top:30px!important}
@media (max-width:900px){body.landing header.top::before{height:20px}}
/* ছোট আইকনগুলো একটু হালকা, যাতে লেখা ঢেকে না যায় */
.mdeco-a .md:nth-child(n+8){opacity:.42}
@media (max-width:760px){.mdeco-a .md:nth-child(n+8):nth-child(-n+11){display:block;transform:translate(-50%,-50%) scale(.8)}}

/* ===== v5.12 — ফুটার ===== */
.f2-rep-t small{white-space:nowrap}
.f2-rep{max-width:100%}
.f2-bar .wrap{justify-content:center!important;text-align:center}
.f2-copy{margin:0;font-size:13px;color:#a9bccb}
.f2-copy i{font-style:normal}
@media (max-width:600px){.f2-copy span{display:block;line-height:1.7}.f2-copy i{display:none}}
@media (max-width:600px){
  .f2-rep-logo{padding:6px 10px}
  .f2-rep-logo img{max-width:92px;height:32px}
  .f2-rep-t{padding:8px 12px 8px 10px;min-width:0}
  .f2-rep-t small{font-size:9.5px;letter-spacing:.4px}
  .f2-rep-t b{font-size:13.5px}
  .f2-bar .wrap{padding-bottom:84px}
}
/* ফুটার: পতাকা + Bangladesh (বড়), নিচে Representative */
.f2-rep-t2{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 20px 8px 16px;line-height:1.2}
.f2-rep-t2 b{display:flex;align-items:center;gap:9px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.2px}
.f2-rep-t2 b svg{width:32px;height:20px;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.f2-rep-t2>span{color:#fff;font-size:14px;font-weight:600;letter-spacing:.6px;padding-left:41px;opacity:.92}
@media (max-width:600px){.f2-rep-t2{padding:8px 14px 8px 12px}.f2-rep-t2 b{font-size:16px}.f2-rep-t2 b svg{width:28px;height:17px}.f2-rep-t2>span{padding-left:37px;font-size:13px}}
/* ফুটার: বড় পতাকা দুই লাইনের মাঝ বরাবর বাঁয়ে */
.f2-rep-t3{display:flex;align-items:center;gap:12px;padding:8px 20px 8px 14px}
.f2-rep-t3>svg{width:48px;height:30px;flex:none;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.25)}
.f2-rep-t3>span{display:flex;flex-direction:column;line-height:1.2}
.f2-rep-t3 b{color:#fff;font-size:18px;font-weight:800;letter-spacing:.2px}
.f2-rep-t3 em{font-style:normal;color:#fff;font-size:14px;font-weight:600;letter-spacing:.6px;opacity:.92}
@media (max-width:600px){.f2-rep-t3{gap:10px;padding:8px 14px 8px 12px}.f2-rep-t3>svg{width:40px;height:25px}.f2-rep-t3 b{font-size:16px}.f2-rep-t3 em{font-size:13px}}
/* হিরোতেও ফুটারের মতো প্রতিনিধি-কার্ড */
.hero-rep{display:inline-flex;margin-bottom:24px;background:rgba(10,31,51,.72)!important;border-color:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.hero-rep .f2-rep-logo{padding:8px 16px}
.hero-rep .f2-rep-logo img{height:44px;max-width:150px}
.hero-rep .f2-rep-t3>svg{width:52px;height:32px}
.hero-rep .f2-rep-t3 b{font-size:19px}
.hero-rep .f2-rep-t3 em{font-size:14.5px}
@media (max-width:480px){.hero-rep .f2-rep-logo img{height:34px;max-width:100px}.hero-rep .f2-rep-t3>svg{width:40px;height:25px}.hero-rep .f2-rep-t3 b{font-size:16px}.hero-rep .f2-rep-t3 em{font-size:13px}}
/* ===== v5.18 — ৭টি সেবা: শেষ সারি মাঝখানে ===== */
.svcg{display:flex!important;flex-wrap:wrap;justify-content:center}
.svcg .svc{flex:0 0 calc(25% - 17px);box-sizing:border-box}
@media (max-width:980px){.svcg .svc{flex-basis:calc(50% - 11px)}}
@media (max-width:600px){.svcg .svc{flex-basis:100%}}
/* v5.22 — ড্যাশবোর্ড: মেডিকেল ব্যাকগ্রাউন্ড + বাংলাদেশ → Desun বিমানপথ */
.phead{position:relative}
.phead>.wrap{position:relative;z-index:2}
.phead-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 18% 120%,rgba(95,224,211,.22),transparent 45%),radial-gradient(circle at 85% -30%,rgba(159,214,255,.22),transparent 50%)}
.phead-bg::before{content:"";position:absolute;inset:0;background:url(med-pattern.svg) center/280px repeat;opacity:.09;filter:brightness(0) invert(1)}
.phead-bg .md{opacity:.28;filter:none}
.phead-bg .mc-b{color:#cfe8ff}.phead-bg .mc-t{color:#7fe9dd}.phead-bg .mc-r{color:#ffb1bb}
.phead-bg .md-ecg{bottom:4px;height:40px;opacity:.55}
.phead-bg .ecg-base{stroke:rgba(255,255,255,.12)}
.phead-bg .ecg-run{stroke:#7fe9dd}
body.app main{position:relative;z-index:1}
/* দুই পাশের ফাঁকা জায়গায় ভাসমান মেডিকেল আইকন (স্থির, স্ক্রল করলেও থাকে) */
.gsky{position:fixed;inset:0;z-index:0;pointer-events:none;display:none}
.gsky .md{opacity:.32}
@media (min-width:1400px){.gsky{display:block}}
/* বিমানপথ */
.jsky{position:absolute;left:0;top:0;width:100%;pointer-events:none}
.jsky.off{display:none}
.jsky-svg{position:absolute;left:0;top:0;overflow:visible}
.jsky-route{fill:none;stroke:#7fb7d6;stroke-width:2;stroke-dasharray:3 9;stroke-linecap:round;opacity:.75}
.jsky.band .jsky-route{stroke:rgba(255,255,255,.4)}
.jsky-trail{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(20,163,154,.55))}
.jsky-plane{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:5;opacity:0;
  box-shadow:0 10px 24px rgba(11,40,70,.28),0 0 0 6px rgba(255,255,255,.18);will-change:transform,opacity}
.jsky-plane svg{width:22px;height:22px;fill:#0b5f8a;transform:rotate(90deg)}
.jsky-pin{position:absolute;left:0;top:0;width:0;height:0;z-index:1}
.jsky-pin i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:#14a39a;border:3px solid #fff;
  box-shadow:0 0 0 0 rgba(20,163,154,.45);animation:jpPulse 2.2s ease-out infinite}
.jsky-pin.b i{background:#0b5f8a;box-shadow:0 0 0 0 rgba(11,95,138,.45);animation-delay:1.1s}
.jsky-pin.b.arrived i{transform:scale(1.25);transition:transform .25s}
@keyframes jpPulse{0%{box-shadow:0 0 0 0 rgba(20,163,154,.45)}100%{box-shadow:0 0 0 18px rgba(20,163,154,0)}}
.jsky-card{position:absolute;left:50%;top:18px;width:max-content;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;white-space:nowrap;
  background:#fff;border:1px solid #e1ecf3;border-radius:14px;padding:11px 16px 10px;box-shadow:0 12px 30px rgba(11,60,95,.12)}
.jsky-card svg{width:42px;height:26px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.jsky-pin.b .jsky-card svg{width:26px;height:26px;box-shadow:none}
.jsky-card img{height:30px;width:auto;max-width:120px;object-fit:contain}
.jsky-card b{font-size:13.5px;color:#0d2c45;font-weight:700}
.jsky.band .jsky-pin{display:none}
@media (prefers-reduced-motion:reduce){.jsky-pin i{animation:none}}
.jsky.band .jsky-pin{display:block}
.jsky.band .jsky-pin i{left:-7px;top:-7px;width:14px;height:14px;border-width:2px}
.jsky.band .jsky-card{top:auto;bottom:14px;padding:5px 7px;border-radius:9px;gap:0;background:rgba(255,255,255,.95)}
.jsky.band .jsky-card b{display:none}
.jsky.band .jsky-card svg{width:30px;height:19px}
.jsky.band .jsky-pin.b .jsky-card svg{width:19px;height:19px}
.jsky.band .jsky-card img{height:20px;max-width:70px}
/* v5.23 — বিমান স্ট্যাটাসের নিচের ফাঁকা সারি দিয়ে যায় (ফাঁকা একটু চওড়া) */
.phead.sky-on~main .stats{margin-bottom:62px!important}
.jsky.band .jsky-route{stroke:#7fb7d6}
.jsky.band .jsky-pin i{display:none}
.jsky.band .jsky-card{top:0;bottom:auto;transform:translate(-50%,-50%);padding:6px 9px;box-shadow:0 6px 16px rgba(11,60,95,.16)}
/* v5.24 — লগইন পপ-আপ: আগের কাচের স্টাইল; কাঁপুনি দূর — গুগল বাটনের জায়গা আগে থেকেই নির্দিষ্ট উচ্চতার, একটাই মসৃণ অ্যানিমেশন (লাফানো নেই) */
.smodal .sm-card,.smodal .sm-card.pulse{animation:smin .3s cubic-bezier(.22,1,.36,1) both}
@keyframes smin{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
.smodal .gwrap{height:44px;min-height:0;display:flex;align-items:center;justify-content:center}
@media (prefers-reduced-motion:reduce){.smodal .sm-card{animation:none}}
/* v5.29 — সাহায্যের ইমেইল */
.f2-mail{display:inline-flex!important;align-items:center;gap:7px}
.f2-mail svg{width:16px;height:16px;fill:currentColor;flex:none}
.ft-mail{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;font-size:13px}
.ft-mail svg{width:16px;height:16px;fill:currentColor;flex:none;opacity:.85}
.ft-mail:hover b{text-decoration:underline}
.okm-help{margin:12px 0 0;font-size:13.5px;color:#5d6b7a;text-align:center}
.okm-help a{color:#0b5f8a;font-weight:600}
/* হেডারে সাহায্যের ইমেইল (হোম পেজ, বড় পর্দায়) */
.hmail{display:none;align-items:center;gap:10px;margin-right:14px;padding:5px 14px 5px 5px;border-radius:999px;text-decoration:none;color:#0d2c45;background:#fff;border:1px solid #dbe8f0;box-shadow:0 4px 14px rgba(13,44,69,.06);transition:box-shadow .2s,transform .2s,border-color .2s}
.hmail:hover{transform:translateY(-1px);border-color:#9fd0e4;box-shadow:0 8px 20px rgba(13,44,69,.1)}
.hm-i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b5f8a,#14a39a);flex:none}
.hm-i svg{width:17px;height:17px;fill:#fff}
.hm-t{display:flex;flex-direction:column;line-height:1.2}
.hm-t small{font-size:11px;color:#6b7a89;font-weight:500}
.hm-t b{font-size:13.5px;font-weight:600;color:#0b5f8a}
@media (min-width:1240px){.hmail{display:inline-flex}}