/* BDJobs24 v2 — প্রফেশনাল ডিজাইন লেয়ার (style.css-এর ওপরে বসে; মুছলেই পুরোনো চেহারা ফিরে আসবে) */
:root{--navy:#14307b;--blue:#1f6fd0;--org:#16a36a;--abr:#6d28d9;--bg:#f4f7fb;--card:#fff;--ink:#0f1b33;--mut:#5b6b82;--line:#e3e9f2;--r:14px;--sh:0 1px 2px #0f1b330d,0 6px 18px #0f1b330a;--shh:0 2px 4px #0f1b3312,0 12px 28px #0f1b3314}
@media(prefers-color-scheme:dark){:root{--bg:#0a1120;--card:#121b2d;--ink:#e8eef9;--mut:#9aa9bf;--line:#223049;--sh:0 1px 2px #0006}}
body{font-family:Hind,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* টপ বার */
.tb{background:#0c1f55;color:#c9d6f2;font-size:13px}.tb .w{display:flex;justify-content:space-between;align-items:center;gap:12px;height:34px}.tbr{display:flex;gap:18px;align-items:center}.tb a{color:#9be7c4;font-weight:600}.tb a:hover{color:#fff}.tb .lv{display:flex;align-items:center;gap:4px}
/* হেডার ও নেভ */
header.top{box-shadow:0 1px 0 var(--line),0 8px 24px #0f1b330a;backdrop-filter:saturate(1.4) blur(8px);background:color-mix(in srgb,var(--card) 92%,transparent)}
.nav{height:72px}.nav nav{display:flex;align-items:center;gap:2px;margin-left:auto;overflow:visible}.nav nav>a,.dd>a{padding:8px 12px;border-radius:9px;color:var(--ink);font-weight:600;font-size:15px}.nav nav>a:hover,.dd>a:hover,.dd:focus-within>a{background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue)}
.nav nav>a.hl{background:linear-gradient(135deg,#6d28d9,#1f6fd0);color:#fff;margin:0 4px}.nav nav>a.hl:hover{filter:brightness(1.1);color:#fff}
.dd{position:relative}.dm{display:none;position:absolute;top:100%;left:0;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shh);padding:6px;z-index:20}.dd:hover .dm,.dd:focus-within .dm{display:block}.dm a{display:block;padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px;color:var(--ink)}.dm a:hover{background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue)}
.mb{display:none;margin-left:auto;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;font-size:20px;width:42px;height:42px;cursor:pointer}
/* হিরো */
.hero{background:radial-gradient(700px 320px at 90% 0,#6d28d955,transparent),radial-gradient(520px 280px at 0 100%,#16a36a40,transparent),linear-gradient(135deg,#0c1f55,var(--navy) 55%,#1f6fd0);padding:42px 0 84px}
.hero h1{letter-spacing:-.2px;line-height:1.25;max-width:880px}.hero p{max-width:760px;font-size:17px}
.sb{max-width:820px;border-radius:14px;box-shadow:0 10px 30px #0004;padding:6px;gap:4px}.sb select{border:0;border-right:1px solid var(--line);background:none;font:600 15px Hind,sans-serif;color:#14213d;padding:0 10px;outline:0;max-width:130px}.sb input{padding:12px 14px}.sb button{border-radius:10px;padding:0 26px;background:linear-gradient(135deg,var(--org),var(--blue))}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:14px;color:#cdd9f5}.chips a{background:#ffffff1c;border:1px solid #ffffff33;border-radius:20px;padding:2px 13px;color:#fff;font-weight:600}.chips a:hover{background:#fff;color:var(--navy)}
/* স্ট্যাট ও দ্রুত ক্যাটাগরি */
.stats{grid-template-columns:repeat(5,1fr)}.st{border-radius:var(--r);box-shadow:var(--sh);padding:14px 18px}.st b{font-size:30px;line-height:1.2}.st:nth-child(4) b{color:var(--abr)}.st:nth-child(3) b{color:#c2410c}.st:nth-child(2) b{color:var(--org)}
.qts{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;margin:0 0 26px}.qt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 6px;box-shadow:var(--sh);transition:.18s}.qt:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:var(--shh)}.qt .ic{font-size:24px;line-height:1.3}.qt b{font-size:13.5px;line-height:1.3}.qt small{color:var(--mut);font-size:12px}
/* অফিসিয়াল ৩ কলাম */
.offs{grid-template-columns:repeat(3,1fr);gap:16px}.osh{border-radius:var(--r) var(--r) 0 0}.osh h2{font-size:17px}.osh.abr{background:linear-gradient(135deg,#4c1d95,var(--abr) 55%,#4f46e5)}
.rc{padding:14px 16px;transition:background .15s}.rc:hover{background:color-mix(in srgb,var(--blue) 5%,var(--card))}.rc:last-child{border-radius:0 0 var(--r) var(--r)}.rc h3{font-size:15.5px}.rf{flex-wrap:wrap}
.ap{border-radius:9px}.cn{font-size:12px;font-weight:600;background:#ede9fe;color:#5b21b6;border-radius:5px;padding:1px 8px}.dl{margin:0 0 8px;font-size:13px;color:#b45309;font-weight:600}
.t-abroad{background:#ede9fe;color:#5b21b6}
/* কার্ড, সাইডবার, ট্যাব */
.job,.art,.sj,aside .bx,.org,.sc,.nws a{border-radius:var(--r);box-shadow:var(--sh)}.job:hover{box-shadow:var(--shh)}.tabs button,.tabs a.tl{padding:6px 15px}.tabs .on{background:var(--navy);border-color:var(--navy)}
h2.sec,.sh{letter-spacing:-.2px}h2.sec{position:relative;margin:38px 0 16px}
.btn{border-radius:10px;box-shadow:0 4px 12px #1f6fd033}.alert{border-radius:var(--r)}
footer.bot{background:linear-gradient(180deg,#0c1f55,#09163f);margin-top:48px;padding:34px 0 26px}
/* মোবাইল */
@media(max-width:1020px){.offs{grid-template-columns:1fr 1fr}.qts{grid-template-columns:repeat(5,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.tb .lv{display:none}.mb{display:block}.nav{height:64px;flex-wrap:wrap}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;margin:0;padding:8px 0 14px;order:3}.nav nav.open{display:flex}.dd .dm{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 14px;background:none}.dd>a{display:none}.nav{height:auto;min-height:64px}.brand{padding:8px 0}.offs{grid-template-columns:1fr}.qts{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.sb select{max-width:96px}.hero{padding:30px 0 70px}}
@media(max-width:480px){.qts{grid-template-columns:repeat(2,1fr)}.sb{flex-wrap:wrap}.sb select{max-width:none;flex:1}.sb button{padding:10px 22px;width:100%}.sb input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}