/* বাংলা সংখ্যা (০-৯) সব জায়গায় পরিষ্কার দেখাতে — Hind Siliguri-র ১ অদ্ভুত দেখায় */ @font-face{font-family:TLD;font-weight:400;font-display:swap;unicode-range:U+09E6-09EF;src:url(data:font/woff;base64,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) format('woff')} @font-face{font-family:TLD;font-weight:500;font-display:swap;unicode-range:U+09E6-09EF;src:url(data:font/woff;base64,d09GRgABAAAAAAjMAA8AAAAACxwAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAIHAAAABYAAAAWABEAC0dQT1MAAAg0AAAAIAAAACBEdkx1R1NVQgAACFQAAAA7AAAAPOF2/aNPUy8yAAAGeAAAAEcAAABgan1d9FNUQVQAAAiQAAAAPAAAAEDzXd8qY21hcAAABsAAAAAuAAAANAAMCkJnYXNwAAAIFAAAAAgAAAAIAAAAEGdseWYAAAFYAAAEdAAABeK0R2ktaGVhZAAABgQAAAA2AAAANhyqxetoaGVhAAAGWAAAACAAAAAkBh8DJ2htdHgAAAY8AAAAGgAAABoFuAFgbG9jYQAABewAAAAYAAAAGAbHCDxtYXhwAAAFzAAAAB0AAAAgACIBLm5hbWUAAAbwAAABDQAAAhozWVLMcG9zdAAACAAAAAATAAAAIP+fADJ4nG2U2W7bRhSGh8NNlGXLpLhooUSJFDeJEiWKklxtphZLdhwviRLbaZomdpLaRdCkDYrWuWnRi75FgQK96hMU6H0fqFdt0Yu4Q8lJ0wUEBsPBAP8/33/OARCMwQSKsALiQAFAVw2j6bdaDU8UBZ6iTK/VavqGoakUJfCiiDl7F3794vDgHK23jEHR6Os6WgeT8YvJ+Plo9GI0+XR0t7jTak3U4na7uaUCgIEHV68hhF+CCgDkUgEJCDxN0WLDWwiYVYhO29JSRsrBUB2rBXPLsdUyCzEu4w2ljj+5axHkhwTMTjvBTq71EBY7BdMzCwoHMWLDzdQ82Zhsl7gCF1lPrspuI6/O9iqDeQm5uH31Cxxeu6jiZlsMxUP1/xMPvUnoB7Ldj56+nLHajhps5/ydYC9PkA9wyNVK27c1v5HOJ4TaE7fnjP0Su88wqVLSrK6v2h2TU9jIOh+RFJ6JN3Zq7g1hhYowyUAPicTADPahBrSQeRWa7RxcmjENMySvXkNapIAdD54d9ePHXO904vZzWV4mvCNkZeu00Tyf1c5/vIy9+v5Am7hTO8Osxcv1tu0Nup/szj5+DwAcHFz9CSPwM1AAdRC8TaDdahvmu2EvXxzq4Wgfolhmgxyhy+EOVYHASyLmbj1tJSTRKCQK7r3N3fsl3SKpYrrsn5oUvR8EnfGGpqzMI8wgaNQr41SccvabcjOVFJMZp+HMytVt0w5SBJ7KuEN/z8EqOMz0Vdvb0FVfisxwXKjredOwC/kEgKCJqseGr0AedP92fx1Wo+G93XqLU9NbvgzdWm7Qh96zqN57B98efv1Nm8SzjXyEIPKewxXT1AqZrZ5NnQJFxRjLkNdTGUFjWWwoF727cPOr+xc/bY1iwoqkC9jUuGmkTBHD7mTkOQMhQQnjUt2VJSrGZdPZqjeYdo/cRb5FuImY+//JN2SroXiXPGlzwV9Y0m63rwN/2Ht2PEqcCMHpyO3INEmme9pmjePpdYKOZWLd9hrHu+mRrPiPi87ZD1+wl9/t6qNSPk3TSu5w+EAWMXgHwvHwuZS0e+v2WW183gOI5Y2r36AOXwIZOAuWzSbyo6lv6kBg+Tcc8ZDjO72P/THcWF0t208eBxf9o5NEIvQSlX41FI6PF7KFvrUR3Zq9ImD0/q3Bk/dOjl//LIsQm2M4tsuQkUd6VdACu6aGLjiUaBe5KIM+ABJSZ/8JA9VbWJQLJ2tQU83rwjS9AVxaQsUaJvr74R6LoJD0Sma1t8HGlWS2ZKbV/OodOmelogxB0N2zTraSi6ctEUW7tiLD4zk2DvnMIT4eXdI4HWGkvGxXOSwaTSvTx/5cMutpXY8zFPW5bAkoTQ1Rc+AlGCFm5jutsBxjIT/jbR/R181imP8aK2+G2tEOQ9uWamGxeFa1Clk/b95o+PsOZCKKkTu8Gd//wFyMmMRounZ6UeqcRluSnbSqZZUkiYKSLyr997dL1s0my5Ik1ynn2jWe4P1Jhc2hqSdEBFPniNTkpDV81AV/AZQE6eJ4nGNgZGBg4GZYxcDD0MTAxgDiIQALAyMAHlABUQAAAAAAAAAAMgB1ALsA8QFRAasB9wI6ApIC8QABAAAAAwLR39VFml8PPPUAAwPoAAAAANWDqqUAAAAA5YbVRP2i/mgE5QPmAAAABgACAAAAAAAAAlgAXgJVAEMAXQBSAAwATwA1AAwASgASACMAAHicY2BkYGCe+i+DgYFl9d9Ff7RYnjK/YEAFTACtqAdKeJxjYGFyZPzCwMrAwNTFFMHAwOANoRnjGIwYnRiQASMKj8Hd39+d4QDnM873zFP/ZTAwMD9mnAFTxSTBlAekFBjYACdcDC8AeJxjYGBgYmBgYAZiESDJCKZZGBSANAsQAvmc7///B5LP/v//Jg2WZwAAYX8HVAAAeJyVkLtOwzAARY/bggRFzAgxZASJRymCASbK0ImCANGZUEiLWgflIcHeiW/gk/gCvoYbx5GSEVlWjm+ujxMDXb5oYzprwLdmyYaeViW32OTHc5sBv547tc4K22bH8yr75qxkY9gwoecW68Z67ir/8LwlXnJFzDufJMyImJIR0NcJfU5FD0pe9ByplWkG3KoZ86b02XUvyfWcKktItd51jkzOlHOONCKZi0ZOyKF2xSyUWm981bSiVFkoq1X/ibn27NVOvVdmnX/Q6ARcaz0R5bLeiSPRXG8TTnRaj2ONC4bcaAxFlbMyNn0HDd+juPirmfvGoGb8j2Usru52LJq426g3Ru72FsXuP7TlUFwAAAB4nGNgZgCD/3MYjBiwAAAqgwHRAAABAAH//wAPAAEAAAAMAAAAAAAAAAIAAQABAAoAAQAAAAEAAAAKABwAHgABREZMVAAIAAQAAAAA//8AAAAAAAB4nGNgZGBg4GKwYLBiYHVx8wlhUEjKSzdi0EquLMph0EovSs1m0MpJLMlj0GJgAapk+P+fAQ4ASc8K8gB4nB2JsQkAIBDEco+FYGNh4QCOJugAgos7gK85yBVBiIgB5bthe8wlwe5ryrwHsttR0nnnM1U6XKb1BVc=) format('woff')} @font-face{font-family:TLD;font-weight:600;font-display:swap;unicode-range:U+09E6-09EF;src:url(data:font/woff;base64,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) format('woff')} @font-face{font-family:TLD;font-weight:700;font-display:swap;unicode-range:U+09E6-09EF;src:url(data:font/woff;base64,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) format('woff')} /* Tutor Lane BD — ডিজাইন সিস্টেম (আগের থিমের রং, অ্যাপের মতো অনুভূতি) রং: সবুজ (মূল) · অ্যাম্বার (পুরস্কার/ব্যাজ) · স্লেট (লেখা)। সব কোণ নরম, ছায়া হালকা, নড়াচড়া ছোট আর দ্রুত। */ :root{--g:#16A34A;--gd:#0A8550;--gx:#087443;--gs:#E9F7EE;--gl:#F4FBF6;--acc:#F5B700;--acc2:#FBBF24;--ink:#1e293b;--ink2:#0f172a;--mut:#5b6678;--mut2:#94a3b8;--bg:#f4f6f8;--line:#e6ebf1;--card:#fff;--r:18px;--r2:14px; --sh:0 1px 2px rgba(15,23,42,.04),0 10px 28px -16px rgba(15,23,42,.16);--sh2:0 2px 4px rgba(15,23,42,.05),0 20px 40px -18px rgba(15,23,42,.24);--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.3,1.4,.5,1); --hd:70px;--bb:0px;--safe:env(safe-area-inset-bottom,0px); --hx:polygon(40.5% 5.5%,43.6% 4%,46.8% 3.1%,50% 2.8%,53.2% 3.1%,56.4% 4%,59.5% 5.5%,83.8% 19.5%,86.7% 21.5%,89.1% 23.8%,90.9% 26.4%,92.2% 29.3%,93% 32.5%,93.3% 36%,93.3% 64%,93% 67.5%,92.2% 70.7%,90.9% 73.6%,89.1% 76.2%,86.7% 78.5%,83.8% 80.5%,59.5% 94.5%,56.4% 96%,53.2% 96.9%,50% 97.2%,46.8% 96.9%,43.6% 96%,40.5% 94.5%,16.2% 80.5%,13.3% 78.5%,10.9% 76.2%,9.1% 73.6%,7.8% 70.7%,7% 67.5%,6.7% 64%,6.7% 36%,7% 32.5%,7.8% 29.3%,9.1% 26.4%,10.9% 23.8%,13.3% 21.5%,16.2% 19.5%)} *{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent} body{font-family:'Poppins',TLD,'Hind Siliguri',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;font-size:15px;transition:opacity .16s} html[lang=bn] body{font-family:TLD,'Hind Siliguri','Poppins',sans-serif} body.fade-out{opacity:.35} a{color:inherit;text-decoration:none} img,svg{display:block;max-width:100%} button,input,select,textarea{font:inherit;color:inherit} button{cursor:pointer;background:none;border:0} [hidden]{display:none!important} .wrap{max-width:1240px;margin:0 auto;padding:0 20px} .wrap.narrow{max-width:820px} main{flex:1} .pg{animation:pgIn .32s var(--ease)} @keyframes pgIn{from{opacity:0;transform:translateY(8px)}} :focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:8px} .m-only{display:none!important} /* ---------- বাঘু ---------- */ .tm{display:inline-block;width:120px;height:120px;overflow:visible;flex:none;vertical-align:middle} .tm .bt,.tm .y0,.tm .bb,.tm .a1,.tm .a2,.tm .bh,.tm .e1,.tm .e2{transform-box:fill-box} .tm .m1,.tm .m2,.tm .m3,.tm .y1,.tm .br{display:none} .tm .bt{transform-origin:5% 85%;animation:bgTail 2.6s ease-in-out infinite} .tm .y0{transform-origin:50% 50%;animation:bgBlink 4.4s infinite} .tm .bb{transform-origin:50% 100%;animation:bgBreath 3.2s ease-in-out infinite} .tm .a1{transform-origin:70% 10%}.tm .a2{transform-origin:30% 10%} .tm .bh{transform-origin:50% 90%} @keyframes bgTail{0%,100%{transform:rotate(0)}50%{transform:rotate(-16deg)}} @keyframes bgBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}} @keyframes bgBreath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.03)}} .tm.happy{animation:bgJump .62s var(--spring) 3} .tm.happy .bt{animation:bgWag .22s ease-in-out infinite} .tm.happy .y0,.tm.happy .m0{display:none}.tm.happy .y1,.tm.happy .m1{display:inline} .tm.happy .a1{animation:bgUp1 .31s ease-in-out 6}.tm.happy .a2{animation:bgUp2 .31s ease-in-out 6} @keyframes bgJump{0%,100%{transform:translateY(0)}40%{transform:translateY(-13px)}} @keyframes bgWag{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-26deg)}} @keyframes bgUp1{0%,100%{transform:rotate(0)}50%{transform:rotate(70deg)}} @keyframes bgUp2{0%,100%{transform:rotate(0)}50%{transform:rotate(-70deg)}} .tm.wave .a2{animation:bgWave .5s ease-in-out 6} .tm.wave .bt{animation:bgWag .3s ease-in-out 8,bgTail 2.6s ease-in-out 2.4s infinite} .tm.wave .bh{animation:bgTilt 1.5s ease-in-out 2} @keyframes bgWave{0%,100%{transform:rotate(-110deg)}50%{transform:rotate(-150deg)}} @keyframes bgTilt{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg)}} .tm.think .bh{transform:rotate(-7deg);animation:bgThink 3s ease-in-out infinite} .tm.think .br{display:inline}.tm.think .y0{animation:none;transform:translateY(-1.5px)} .tm.think .a2{transform:rotate(-125deg)} @keyframes bgThink{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(-3deg)}} .tm.sad .m0{display:none}.tm.sad .m2{display:inline} .tm.sad .e1{transform:rotate(-14deg) translateY(3px)}.tm.sad .e2{transform:rotate(14deg) translateY(3px)} .tm.sad .bt{animation:none;transform:rotate(26deg)}.tm.sad .bh{transform:translateY(2px)} .tm.wow .m0{display:none}.tm.wow .m3{display:inline}.tm.wow .y0{animation:none;transform:scale(1.14)} .tm.wow .bt{animation:bgWag .26s ease-in-out 8} .tm.wow{animation:bgPop .4s var(--spring)} @keyframes bgPop{0%{transform:scale(.9)}60%{transform:scale(1.06)}100%{transform:scale(1)}} .tm.sm{width:56px;height:56px}.tm.md{width:84px;height:84px} .bgs{display:flex;align-items:center;gap:12px;text-align:left} .bgs-b{position:relative;flex:1;min-width:0;background:#fff;border:1.5px solid #FFE0B5;border-radius:16px;padding:10px 14px;color:#3b2a14;font:500 14.5px/1.55 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;box-shadow:0 4px 14px rgba(247,148,29,.10)} .bgs-b:before{content:'';position:absolute;left:-7px;top:50%;width:11px;height:11px;margin-top:-6px;background:#fff;border-left:1.5px solid #FFE0B5;border-bottom:1.5px solid #FFE0B5;transform:rotate(45deg);border-radius:0 0 0 3px} .bgs-b b{font-weight:700;color:#B45309} .bgh{position:fixed;left:16px;bottom:24px;z-index:70;width:min(92vw,350px);background:#fff;border-radius:22px;padding:14px 14px 12px;box-shadow:0 22px 60px rgba(15,23,42,.22),0 2px 8px rgba(15,23,42,.06);transform:translateY(24px) scale(.96);opacity:0;transition:opacity .25s,transform .45s var(--spring)} .bgh.on{transform:none;opacity:1} .bgh .bgs-b{border:0;box-shadow:none;padding:2px 22px 2px 2px;font-size:15px}.bgh .bgs-b:before{display:none} .bgh-x{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:18px;line-height:30px;padding:0} .bgh-a{display:flex;gap:8px;margin-top:10px} .bgh-a a{flex:1;text-align:center;padding:12px 8px;border-radius:13px;font:600 15px/1.2 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;background:var(--g);color:#fff;transition:transform .12s} .bgh-a a+a{background:var(--gs);color:var(--gd)} .bgh-a a:active{transform:scale(.96)} .why-g .bgs{flex-direction:column;text-align:center}.why-g .bgs-b:before{left:50%;top:-7px;margin:0 0 0 -6px;transform:rotate(135deg)} .tl-cf{position:fixed;left:50%;top:42%;width:0;height:0;z-index:200;pointer-events:none} .tl-cf i{position:absolute;left:-4px;top:-4px;width:8px;height:11px;border-radius:2px} .fx-toast{position:fixed;left:50%;bottom:calc(var(--bb) + 18px + var(--safe));z-index:190;transform:translate(-50%,24px);opacity:0;display:flex;align-items:center;gap:12px;max-width:min(92vw,420px);background:#0f172a;color:#fff;border-radius:18px;padding:11px 18px 11px 14px;font-size:14.5px;line-height:1.45;box-shadow:0 18px 44px rgba(15,23,42,.32);transition:opacity .25s,transform .4s var(--spring);pointer-events:none} .fx-toast.on{opacity:1;transform:translate(-50%,0)} .fx-toast.err{background:#7F1D1D} .fx-toast .tm{width:46px;height:46px;margin:-6px 0} .fx-toast b{color:#86efac;font-weight:600} .toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:190;background:#0f172a;color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:90vw} /* মডাল (বন্ধুকে আমন্ত্রণ) — হোমেও যেন ঠিক দেখায় */ .modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px}.modal-bg{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .25s}.modal-in{position:relative;width:min(440px,100%);padding:20px;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:18px;transform:translateY(20px) scale(.97);opacity:0;transition:.35s var(--spring)}.modal.on .modal-bg{opacity:1}.modal.on .modal-in{transform:none;opacity:1}.modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:12px;font-weight:600;background:var(--gd);color:#fff}.modal .btn.s{background:#fff;color:var(--gd);border:1.5px solid #cfe7d8}.modal .btn.w{width:100%}.modal .btn svg{width:17px;height:17px}.copyrow{display:flex;gap:8px}.copyrow input{flex:1;min-width:0;height:42px;border:1.5px solid var(--line);border-radius:11px;padding:0 10px;font-size:13px;background:#f8fafc}.row-b{display:flex;gap:8px} @media(max-width:768px){:root{--hd:60px;--bb:68px}} /* আগের থিমের মেনুতে নতুন সুইচ (SMS / নোটিফিকেশন) */ .appmenu .tg .sw{margin-left:auto} .appmenu .tg[aria-pressed=true] .sw{background:var(--g)} .appmenu .tg[aria-pressed=true] .sw:after{transform:translateX(16px)} .appmenu .mrow .val.cnt{min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#ef4444;color:#fff;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center} .appmenu .mrow .val.cnt:empty{display:none} .appmenu .mrow.out,.appmenu .mrow.out>svg:first-child{color:#B91C1C} @media(max-width:900px){.m-only{display:flex!important}.d-only{display:none!important}} /* হোমের জেলা বাছাই — নিচ থেকে ওঠা শিট (বড় অ্যাপের মতো), কম্পিউটারে মাঝখানে বক্স */ html.ds-lock,html.ds-lock body{overflow:hidden} .dsheet{position:fixed;inset:0;z-index:150;display:flex;align-items:flex-end;justify-content:center;font-family:Poppins,TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif} .dsheet[hidden]{display:none} .ds-bg{position:absolute;inset:0;background:rgba(15,23,42,.5);opacity:0;transition:opacity .25s} .ds-box{position:relative;display:flex;flex-direction:column;width:100%;max-width:520px;height:min(86vh,680px);height:min(86dvh,680px);background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px rgba(15,23,42,.2);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain} .dsheet.open .ds-bg{opacity:1} .dsheet.open .ds-box{transform:none} .ds-top{flex:none;padding:10px 16px 12px;border-bottom:1px solid #eef2f6;touch-action:none} .ds-grip{display:block;width:42px;height:5px;border-radius:3px;background:#cbd5e1;margin:0 auto 10px} .ds-hd{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:12px} .ds-hd h3{font-size:17px;font-weight:600;color:var(--ink,#1e293b);margin:0;line-height:1.4} .ds-x{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer} .ds-q{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1.5px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#64748b;transition:border-color .2s,box-shadow .2s,background .2s} .ds-q:focus-within{border-color:var(--g,#16A34A);box-shadow:0 0 0 3px var(--g-soft,#E9F7EE);background:#fff} .ds-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--ink,#1e293b)} .ds-q input::-webkit-search-cancel-button{cursor:pointer} .ds-list{position:relative;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 16px calc(20px + env(safe-area-inset-bottom,0px))} .ds-h{font-size:12.5px;font-weight:600;letter-spacing:.3px;color:#64748b;text-transform:uppercase;margin:16px 2px 6px} .dsheet.q .ds-pop{display:none} .ds-chips{display:flex;flex-wrap:wrap;gap:8px} .ds-chip{border:1.5px solid #e2e8f0;background:#fff;color:var(--ink,#1e293b);border-radius:999px;padding:8px 16px;font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s,transform .15s} .ds-chip:active{transform:scale(.96)} .ds-chip.on{border-color:var(--g,#16A34A);background:var(--g-soft,#E9F7EE);color:var(--g-dark,#0A8550)} .ds-grp[hidden],.ds-it[hidden]{display:none} .ds-it{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border:0;border-bottom:1px solid #f1f5f9;background:none;text-align:left;font:inherit;color:var(--ink,#1e293b);cursor:pointer;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:background .15s} .ds-it:hover,.ds-it:focus-visible{background:#f8fafc;outline:0} .ds-it:active{background:#f1f5f9} .ds-it b{flex:1;font-size:15.5px;font-weight:500} .ds-it small{flex:1;font-size:13px;color:#94a3b8;font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} .ds-it i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center} .ds-it i svg{opacity:0} .ds-it.on{background:var(--g-soft,#E9F7EE)} .ds-it.on b{font-weight:600;color:var(--g-dark,#0A8550)} .ds-it.on i{background:var(--g,#16A34A);border-color:var(--g,#16A34A)} .ds-it.on i svg{opacity:1} .ds-none{text-align:center;color:#64748b;font-size:14.5px;padding:40px 10px} html[lang=bn] .ds-it b,html[lang=bn] .ds-hd h3,html[lang=bn] .ds-chip,html[lang=bn] .ds-h,html[lang=bn] .ds-none{font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} html[lang=bn] .ds-h{text-transform:none;letter-spacing:0;font-size:13.5px} @media(min-width:769px){ .dsheet{align-items:center;padding:24px} .ds-box{max-width:460px;height:min(78vh,640px);border-radius:22px;transform:translateY(16px) scale(.97);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s} .dsheet.open .ds-box{opacity:1} .ds-grip{display:none} .ds-top{padding-top:16px} } /* হোম "৪ ধাপে টিউটর" — মোবাইলে পরিষ্কার: ছোট লেখা বাদ, শিরোনামের নিচে ও বোতামের আগে ফাঁকা জায়গা */ @media(max-width:768px){ .oh .how .sec-sub{display:none} .oh .how .sec-title{margin-bottom:30px} .oh .how .hcta{margin-top:44px;gap:10px} .oh .how .hcta .btn.line{text-decoration:none;font-weight:600} } /* হোম "Are You a Tutor?" — সবুজ ব্যান্ড: বাঁয়ে লেখা+বোতাম, ডানে ৪ ধাপ পাশাপাশি (মোবাইলেও এক সারিতে) */ .oh #for-tutors{background:linear-gradient(120deg,#1d7a45 0%,#146c3b 55%,#0f5a32 100%);padding:56px 0;position:relative;overflow:hidden} .oh #for-tutors:before{content:'';position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent);pointer-events:none} .oh #for-tutors .tz-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px} .oh #for-tutors .tz-head{flex:1;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;margin:0} .oh #for-tutors .tz-head h2{color:#fff;font-size:32px;margin:0} .oh #for-tutors .tz-head h2 em{color:#fbbf24} .oh #for-tutors .tz-sub{color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.5;margin:8px 0 22px} .oh #for-tutors .tz-cta{width:auto} .oh #for-tutors .tbtn{width:auto;padding:13px 26px;font-size:15.5px;box-shadow:0 10px 24px rgba(0,0,0,.22)} .oh #for-tutors .tsteps{flex:none;grid-template-columns:repeat(4,150px);gap:12px;margin:0;padding:0} .oh #for-tutors .tstep{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:104px;padding:20px 10px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:none} .oh #for-tutors .tstep b{left:12px;right:auto;top:10px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.6);-webkit-text-stroke:0;letter-spacing:.5px} .oh #for-tutors .tstep svg{color:#fff;width:28px;height:28px;margin:0 auto 10px;fill:none} .oh #for-tutors .tstep h3{color:#fff;font-size:14.5px;line-height:1.3;margin:0} .oh #for-tutors .tstep.on{background:#fff;border-color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22);transform:translateY(-4px)} .oh #for-tutors .tstep.on svg{color:var(--g,#16A34A);fill:none} .oh #for-tutors .tstep.on h3{color:var(--ink,#1e293b)} .oh #for-tutors .tstep.on b{color:var(--g,#16A34A)} .oh #for-tutors .tstep.go:hover{border-color:#fff} @media(max-width:1100px) and (min-width:769px){.oh #for-tutors .tsteps{grid-template-columns:repeat(4,128px)}} @media(max-width:900px) and (min-width:769px){.oh #for-tutors .tz-top{flex-direction:column;align-items:stretch}.oh #for-tutors .tsteps{grid-template-columns:repeat(4,1fr)}} @media(max-width:768px){ .oh #for-tutors{padding:36px 0 34px} .oh #for-tutors .tz-top{flex-direction:column;align-items:stretch;gap:22px} .oh #for-tutors .tz-head{align-items:center;text-align:center} .oh #for-tutors .tz-head h2{font-size:25px;text-align:center} .oh #for-tutors .tz-sub{font-size:14px;margin:6px 0 18px} .oh #for-tutors .tz-cta,.oh #for-tutors .tbtn{width:100%;justify-content:center} .oh #for-tutors .tsteps{grid-template-columns:repeat(4,1fr);gap:7px} .oh #for-tutors .tstep{min-height:84px;padding:20px 3px 10px;border-radius:12px} .oh #for-tutors .tstep b{left:7px;top:6px;font-size:9.5px} .oh #for-tutors .tstep svg{width:22px;height:22px;margin-bottom:7px} .oh #for-tutors .tstep h3{font-size:11.5px;line-height:1.25} .oh #for-tutors .tstep.on{transform:translateY(-3px)} } /* মোবাইলে কড়া সবুজ ব্যান্ড চোখে লাগে (সাদার মাঝে হঠাৎ গাঢ় রং = বিজ্ঞাপনের মতো) — তাই হালকা সবুজের নরম কার্ড: শান্ত, ভরসার রং; চোখ যায় শুধু হলুদ বোতামে, আর চলমান ধাপটা সবুজে জ্বলে */ @media(max-width:768px){ .oh #for-tutors{background:#fff;padding:22px 0 26px} .oh #for-tutors:before{display:none} .oh #for-tutors .tz-top{background:linear-gradient(160deg,#f1faf4 0%,#e4f5ea 100%);border:1px solid #d4eedd;border-radius:22px;padding:26px 14px 16px;gap:20px;overflow:hidden} .oh #for-tutors .tz-top:after{content:'';position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(22,163,74,.07);pointer-events:none} .oh #for-tutors .tz-head h2{color:var(--ink,#1e293b)} .oh #for-tutors .tz-head h2 em{color:var(--g,#16A34A)} .oh #for-tutors .tz-sub{color:var(--muted,#475569)} .oh #for-tutors .tbtn{box-shadow:0 8px 18px rgba(245,158,11,.3)} .oh #for-tutors .tstep{background:#fff;border:1px solid #dcefe3;box-shadow:0 2px 6px rgba(15,23,42,.04)} .oh #for-tutors .tstep b{color:#94a3b8} .oh #for-tutors .tstep svg{color:var(--g,#16A34A)} .oh #for-tutors .tstep h3{color:var(--ink,#1e293b)} .oh #for-tutors .tstep.on{background:var(--g,#16A34A);border-color:var(--g,#16A34A);box-shadow:0 10px 20px rgba(22,163,74,.28)} .oh #for-tutors .tstep.on svg,.oh #for-tutors .tstep.on h3{color:#fff} .oh #for-tutors .tstep.on b{color:rgba(255,255,255,.75)} } /* মোবাইল: বক্স নয়, পুরো চওড়া জুড়ে; রং আগের চেয়ে একটু গাঢ় সবুজাভ */ @media(max-width:768px){ .oh #for-tutors{background:linear-gradient(165deg,#d9f1e2 0%,#c4e8d1 100%);padding:34px 0 32px;position:relative;overflow:hidden} .oh #for-tutors:before{display:block;right:-90px;top:-110px;width:260px;height:260px;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent)} .oh #for-tutors .tz-top{background:none;border:0;border-radius:0;padding:0;overflow:visible} .oh #for-tutors .tz-top:after{display:none} .oh #for-tutors .tstep{border-color:#b9e2c8} } /* টিউটর হোম: প্রোফাইল অগ্রগতি (ছোট, পরিষ্কার) + বোতাম দুটো পুরো চওড়া, একটার নিচে আরেকটা */ .oh .ph-pro{display:block;max-width:540px;margin:16px auto 0;padding:12px 14px 11px;background:#fff;border:1px solid #fde3a7;border-radius:14px;box-shadow:0 4px 14px -8px rgba(217,119,6,.35);text-align:left;color:inherit;text-decoration:none} .oh .ph-pro-t{display:flex;align-items:center;justify-content:space-between;gap:10px} .oh .ph-pro-t b{font-size:14.5px;font-weight:600;color:var(--ink,#1e293b)} .oh .ph-pro-t em{font-style:normal;font-size:13px;font-weight:700;color:#d97706} .oh .ph-bar{display:block;height:7px;border-radius:99px;background:#fef3c7;margin:8px 0 7px;overflow:hidden} .oh .ph-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fbbf24);animation:phbar 1s cubic-bezier(.2,.8,.2,1) both} @keyframes phbar{from{width:0!important}} .oh .ph-pro small{display:block;font-size:12.5px;line-height:1.45;color:var(--muted,#475569)} @media(max-width:768px){ .oh .ph .ph-cta .hb{flex:1 1 100%} } /* "Get tuitions in your own upazila…" লাইন: অতিথির মোবাইলে নেই, টিউটর লগইন হলে কোথাও নেই */ html.tl-t .oh #for-tutors .tz-sub{display:none} html.tl-t .oh #for-tutors .tz-head h2{margin-bottom:0} @media(max-width:768px){.oh #for-tutors .tz-sub{display:none}.oh #for-tutors .tz-head h2{margin-bottom:16px}html.tl-t .oh #for-tutors .tz-head h2{margin-bottom:0}} /* টিউটর হোম: "নিউজফিড থেকে আয়" — ধাপে ধাপে পথ (ডেস্কটপে আড়াআড়ি, মোবাইলে উপর-নিচ টাইমলাইন); সোনালি = আয় */ .oh .xr{padding:56px 0;background:linear-gradient(180deg,#fffdf5 0%,#fff7e0 100%);border-top:1px solid #fdecc0;border-bottom:1px solid #fdecc0} .oh .xr-hd{text-align:center;margin-bottom:34px} .oh .xr-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#b45309;background:#fff;border:1px solid #fcd98a;border-radius:99px;padding:5px 12px;margin-bottom:12px} .oh .xr-tag:before{content:'';width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.2)} .oh .xr-hd h2{font-size:30px;line-height:1.25;font-weight:600;color:var(--ink,#1e293b);margin:0} .oh .xr-hd h2 em{font-style:normal;color:#d97706} .oh .xr-road{list-style:none;margin:0 auto;padding:0;max-width:1000px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;counter-reset:xr} .oh .xr-road:before{content:'';position:absolute;top:30px;left:12.5%;right:12.5%;border-top:2px dashed #f5c76b} .oh .xr-road li{position:relative;text-align:center;counter-increment:xr} .oh .xr-road i{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:#fff;color:#d97706;border:2px solid #fbd27a;box-shadow:0 8px 18px -8px rgba(217,119,6,.45)} .oh .xr-road i:after{content:counter(xr);position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#f59e0b;color:#fff;font:700 11px/20px Poppins,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #fffbeb} .oh .xr-road li:last-child i{background:#f59e0b;color:#fff;border-color:#f59e0b} .oh .xr-road li:last-child i:after{background:var(--g,#16A34A)} .oh .xr-road svg{width:26px;height:26px} .oh .xr-road b{display:block;font-size:16px;font-weight:600;color:var(--ink,#1e293b);margin-bottom:3px} .oh .xr-road span{display:block;font-size:13.5px;line-height:1.45;color:var(--muted,#475569)} .oh .xr-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:34px} .oh .xr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#f59e0b;color:#fff;font-weight:700;font-size:15.5px;padding:13px 28px;border-radius:12px;box-shadow:0 10px 22px -8px rgba(217,119,6,.6);text-decoration:none;transition:transform .2s,box-shadow .2s} .oh .xr-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -8px rgba(217,119,6,.65)} .oh .xr-cta small{font-size:13px;color:#92400e} html[lang=bn] .oh .xr-road b,html[lang=bn] .oh .xr-road span,html[lang=bn] .oh .xr-hd h2,html[lang=bn] .oh .xr-tag,html[lang=bn] .oh .xr-btn,html[lang=bn] .oh .xr-cta small{font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} @media(max-width:768px){ .oh .xr{padding:36px 0 34px} .oh .xr-hd{margin-bottom:24px} .oh .xr-hd h2{font-size:24px} .oh .xr-road{grid-template-columns:1fr;gap:0;max-width:420px} .oh .xr-road:before{top:26px;bottom:26px;left:25px;right:auto;border-top:0;border-left:2px dashed #f5c76b} .oh .xr-road li{display:flex;align-items:center;gap:14px;text-align:left;padding:8px 0} .oh .xr-road i{flex:none;width:52px;height:52px;margin:0} .oh .xr-road svg{width:22px;height:22px} .oh .xr-road b{font-size:15.5px;margin-bottom:1px} .oh .xr-road span{font-size:13px} .oh .xr-cta{margin-top:22px} .oh .xr-btn{width:100%} } /* মোবাইলে শুধু শিরোনাম — ছোট লেখা বাদ; বোতামে নজরকাড়া নড়াচড়া (ঝিলিক + ঢেউ + তীর) */ .oh .xr-m{display:none!important} .oh .xr-btn{position:relative;overflow:hidden;isolation:isolate} .oh .xr-btn:before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:xrshine 2.8s ease-in-out infinite;z-index:-1} .oh .xr-btn svg{animation:xrnudge 1.3s ease-in-out infinite} .oh .xr-cta{position:relative} .oh .xr-btn{animation:xrpulse 2.4s ease-out infinite} @keyframes xrshine{0%,55%{left:-60%}100%{left:130%}} @keyframes xrnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}} @keyframes xrpulse{0%{box-shadow:0 10px 22px -8px rgba(217,119,6,.6),0 0 0 0 rgba(245,158,11,.45)}70%{box-shadow:0 10px 22px -8px rgba(217,119,6,.6),0 0 0 14px rgba(245,158,11,0)}100%{box-shadow:0 10px 22px -8px rgba(217,119,6,.6),0 0 0 0 rgba(245,158,11,0)}} .oh .xr-btn:active{transform:scale(.97)} @media(max-width:768px){ .oh .xr-road span,.oh .xr-cta small,.oh .xr-d{display:none!important} .oh .xr-m{display:block!important} .oh .xr-road li{padding:9px 0} .oh .xr-road b{font-size:16px;margin:0} .oh .xr-btn{padding:15px 24px;font-size:16px} } /* টিউটর লগইন — ডেস্কটপেও "4 Steps" হালকা সবুজ (মোবাইলের মতো), যাতে আশেপাশের অংশের সাথে মেলে; অতিথির ডেস্কটপ আগের মতো গাঢ় */ @media(min-width:769px){ html.tl-t .oh #for-tutors{background:linear-gradient(120deg,#d9f1e2 0%,#c6e9d3 100%);border-top:1px solid #bfe3cc;border-bottom:1px solid #bfe3cc} html.tl-t .oh #for-tutors:before{background:radial-gradient(closest-side,rgba(255,255,255,.6),transparent)} html.tl-t .oh #for-tutors .tz-head h2{color:var(--ink,#1e293b)} html.tl-t .oh #for-tutors .tz-head h2 em{color:var(--g,#16A34A)} html.tl-t .oh #for-tutors .tstep{background:#fff;border:1px solid #b9e2c8;box-shadow:0 2px 8px rgba(15,23,42,.05)} html.tl-t .oh #for-tutors .tstep b{color:#94a3b8} html.tl-t .oh #for-tutors .tstep svg{color:var(--g,#16A34A)} html.tl-t .oh #for-tutors .tstep h3{color:var(--ink,#1e293b)} html.tl-t .oh #for-tutors .tstep.on{background:var(--g,#16A34A);border-color:var(--g,#16A34A);box-shadow:0 12px 24px rgba(22,163,74,.28)} html.tl-t .oh #for-tutors .tstep.on svg,html.tl-t .oh #for-tutors .tstep.on h3{color:#fff} html.tl-t .oh #for-tutors .tstep.on b{color:rgba(255,255,255,.8)} } /* হোম "Tutor Lane BD Shop" — মেম্বার ছাড়ের ট্যাগ, নড়াচড়া করা আইকন, এক বোতাম */ .oh .sx{padding:56px 0;background:#fff} .oh .sx-hd{text-align:center;max-width:620px;margin:0 auto 28px} .oh .sx-tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:99px;padding:5px 12px;margin-bottom:12px} .oh .sx-tag:before{content:'';width:7px;height:7px;border-radius:50%;background:#f43f5e;animation:sxdot 1.6s ease-in-out infinite} @keyframes sxdot{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.45)}50%{box-shadow:0 0 0 5px rgba(244,63,94,0)}} .oh .sx-hd h2{font-size:30px;line-height:1.25;font-weight:600;color:var(--ink,#1e293b);margin:0} .oh .sx-hd h2 em{font-style:normal;color:var(--g,#16A34A)} .oh .sx-hd p{font-size:15.5px;line-height:1.55;color:var(--muted,#475569);margin:8px 0 0} .oh .sx-g{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto} .oh .sx-c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;padding:28px 12px 20px;background:#fff;border:1px solid #e8edf2;border-radius:18px;text-align:center;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.04);transition:transform .2s,box-shadow .2s,border-color .2s} .oh .sx-c:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 14px 28px -12px rgba(15,23,42,.18)} .oh .sx-c:active{transform:scale(.97)} .oh .sx-c em{position:absolute;top:10px;right:10px;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.2px;color:#fff;background:linear-gradient(90deg,#f43f5e,#e11d48);padding:3px 8px;border-radius:99px;box-shadow:0 4px 10px -4px rgba(225,29,72,.6)} .oh .sx-c i{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:var(--s);color:var(--c)} .oh .sx-c svg{width:28px;height:28px;overflow:visible} .oh .sx-c b{font-size:15.5px;font-weight:600;color:var(--ink,#1e293b);line-height:1.3} /* আইকনের নড়াচড়া — আলাদা আলাদা, ধীরে */ .oh .sx-c .a1 svg{animation:sxbob 2.6s ease-in-out infinite} .oh .sx-c .a2 svg{animation:sxtilt 2.4s ease-in-out infinite;transform-origin:50% 60%} .oh .sx-c .a3 .k{animation:sxpage 2.8s ease-in-out infinite;transform-origin:12px 12px} .oh .sx-c .a4 .k{animation:sxplay 1.8s ease-in-out infinite;transform-origin:12px 10.5px} @keyframes sxbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} @keyframes sxtilt{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}} @keyframes sxpage{0%,60%,100%{transform:scaleX(1)}30%{transform:scaleX(.7)}} @keyframes sxplay{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}} .oh .sx-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:30px} .oh .sx-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--g-dark,#0A8550);color:#fff;font-weight:700;font-size:15.5px;padding:13px 34px;border-radius:12px;text-decoration:none;box-shadow:0 10px 22px -8px rgba(10,133,80,.6);transition:transform .2s} .oh .sx-btn:hover{color:#fff;transform:translateY(-2px)} .oh .sx-btn:active{transform:scale(.97)} .oh .sx-btn:before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:xrshine 3.2s ease-in-out infinite;z-index:-1} .oh .sx-btn svg{animation:xrnudge 1.3s ease-in-out infinite} .oh .sx-cta small{font-size:13px;color:var(--muted,#64748b)} html[lang=bn] .oh .sx-hd h2,html[lang=bn] .oh .sx-hd p,html[lang=bn] .oh .sx-tag,html[lang=bn] .oh .sx-c b,html[lang=bn] .oh .sx-c em,html[lang=bn] .oh .sx-btn{font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} @media(max-width:768px){ .oh .sx{padding:36px 0 34px} .oh .sx-hd{margin-bottom:20px} .oh .sx-hd h2{font-size:24px} .oh .sx-hd p{font-size:14px} .oh .sx-g{grid-template-columns:1fr 1fr;gap:10px} .oh .sx-c{min-height:132px;padding:36px 8px 14px;gap:9px;border-radius:16px;justify-content:flex-start} .oh .sx-c i{width:50px;height:50px;border-radius:14px} .oh .sx-c svg{width:24px;height:24px} .oh .sx-c b{font-size:14px} .oh .sx-c em{top:8px;right:8px;font-size:9.5px;padding:2px 7px} .oh .sx-cta{margin-top:22px} .oh .sx-btn{width:100%;padding:15px 24px;font-size:16px} .oh .sx-cta small{display:none} } /* শপের রঙিন নড়াচড়া করা আইকন + ছাড়ের ট্যাগ */ .oh .sx-c i{width:64px;height:64px;border-radius:18px} .oh .sx-c i svg{width:44px;height:44px;animation:none!important} .oh .sx-c em{font-size:11px;padding:3px 9px;animation:sxtagp 2.2s ease-in-out infinite} @keyframes sxtagp{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}} .oh .ic-job .sp{transform-origin:40px 9px;animation:sxspark 1.8s ease-in-out infinite} @keyframes sxspark{0%,100%{transform:scale(.5) rotate(0);opacity:.4}50%{transform:scale(1.15) rotate(45deg);opacity:1}} .oh .ic-job svg{animation:sxbob 2.6s ease-in-out infinite!important} .oh .ic-adm .sw{transform-origin:40px 20px;animation:sxswing 1.6s ease-in-out infinite} @keyframes sxswing{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}} .oh .ic-gad .w1{animation:sxwave 1.4s ease-in-out infinite} .oh .ic-gad .w2{animation:sxwave 1.4s ease-in-out .25s infinite} @keyframes sxwave{0%,100%{opacity:.15}50%{opacity:1}} .oh .ic-book .bk{transform-origin:24px 21px;animation:sxbook 2.4s ease-in-out infinite} @keyframes sxbook{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-4px) rotate(-6deg)}60%{transform:translateY(-4px) rotate(-6deg)}} .oh .ic-skill .pl{transform-origin:25px 20px;animation:sxplay 1.6s ease-in-out infinite} .oh .ic-skill .pb{transform-origin:10px 28px;animation:sxprog 3s linear infinite} @keyframes sxprog{0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @media(max-width:768px){.oh .sx-c i{width:56px;height:56px;border-radius:16px}.oh .sx-c i svg{width:38px;height:38px}.oh .sx-c em{font-size:10px;padding:2px 8px}.oh .sx{padding-top:30px}} /* শপ — নকশা B: কোণের চকচকে লাল ফিতা, হালকা রঙিন কার্ড, সাদা আইকন-ঘর; Shop now কমলা→গোলাপি (কেনাকাটার রং) */ .oh .sx-c{overflow:hidden;background:linear-gradient(160deg,#fff 0%,var(--s) 100%);border:1px solid #eef2f6;padding:26px 10px 16px;justify-content:center} .oh .sx-c em{display:none} .oh .sx-c i{background:#fff;box-shadow:0 6px 16px -6px rgba(15,23,42,.18);width:64px;height:64px;border-radius:18px} .oh .sx-rb{position:absolute;top:14px;right:-32px;width:118px;transform:rotate(45deg);background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.3px;text-align:center;padding:4px 0;box-shadow:0 3px 8px rgba(220,38,38,.4);overflow:hidden;z-index:1} .oh .sx-rb:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);animation:xrshine 2.4s ease-in-out infinite} /* আইকন নড়াচড়া */ .oh .ic-job svg{animation:none!important} .oh .ic-job .sun{transform-origin:24px 14.5px;animation:sxpls 1.8s ease-in-out infinite} .oh .ic-job .flag{transform-origin:35px 5px;animation:sxflag 1.6s ease-in-out infinite} .oh .ic-gad .k1{animation:sxblk 1.2s infinite}.oh .ic-gad .k2{animation:sxblk 1.2s .3s infinite}.oh .ic-gad .k3{animation:sxblk 1.2s .6s infinite} .oh .ic-gad .scr{animation:sxtype 2.4s steps(4) infinite} .oh .ic-book .pg{transform-origin:24px 27px;animation:sxflip 2.4s ease-in-out infinite} .oh .ic-skill .md{transform-origin:38px 34px;animation:sxpop 2.4s ease-in-out infinite} .oh .ic-skill .pl{transform-origin:23px 19px} @keyframes sxpls{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}} @keyframes sxflag{0%,100%{transform:skewY(0)}50%{transform:skewY(10deg)}} @keyframes sxblk{0%,100%{opacity:1}50%{opacity:.3}} @keyframes sxtype{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}} @keyframes sxflip{0%,30%{transform:scaleX(1)}50%{transform:scaleX(-1)}80%,100%{transform:scaleX(1)}} @keyframes sxpop{0%,60%,100%{transform:scale(1) rotate(0)}75%{transform:scale(1.25) rotate(-12deg)}} .oh .sx-btn{background:linear-gradient(95deg,#fb923c 0%,#f97316 45%,#f43f5e 100%);box-shadow:0 12px 24px -10px rgba(244,63,94,.65);animation:sxbtn 2.6s ease-out infinite} @keyframes sxbtn{0%{box-shadow:0 12px 24px -10px rgba(244,63,94,.65),0 0 0 0 rgba(249,115,22,.45)}70%{box-shadow:0 12px 24px -10px rgba(244,63,94,.65),0 0 0 14px rgba(249,115,22,0)}100%{box-shadow:0 12px 24px -10px rgba(244,63,94,.65),0 0 0 0 rgba(249,115,22,0)}} @media(max-width:768px){.oh .sx-c{padding:24px 8px 14px;min-height:0}.oh .sx-c i{width:58px;height:58px}.oh .sx-c i svg{width:40px;height:40px}.oh .sx-rb{font-size:10.5px;top:12px;right:-34px}} /* Shop now — নকশা ৫: এক রঙের কমলা, কার্ট আইকন, হালকা ঝিলিক */ .oh .sx-btn{background:#EA580C;box-shadow:0 10px 20px -10px rgba(234,88,12,.7);animation:none} .oh .sx-btn:hover{background:#DC4F0A} .oh .sx-btn svg{animation:none} /* হোম রিভিউ: উপরে ৪.৮ রেটিং কার্ড, নিচে দুই সারি উল্টো দিকে চলে (দেখলেই মনে হয় অনেকে ব্যবহার করছে) */ .oh .rw{padding:56px 0 30px;background:var(--bg,#f6f8f9);overflow:hidden} .oh .rw .sec-title{text-align:center} .oh .rw-sum{display:flex;align-items:center;gap:16px;max-width:560px;margin:20px auto 26px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 6px 20px -10px rgba(15,23,42,.15)} .oh .rw-big{font-size:46px;font-weight:800;line-height:1;color:var(--ink,#1e293b);letter-spacing:-1px} .oh .rw-mid{flex:1;min-width:0} .oh .rw-mid .rw-st{width:92px;height:18px;display:block;margin-bottom:4px} .oh .rw-mid span{display:block;font-size:13.5px;line-height:1.4;color:var(--muted,#475569)} .oh .rw-stk{display:flex;flex:none} .oh .rw-stk .rw-av{width:36px;height:36px;font-size:14px;border:2.5px solid #fff;margin-left:-10px;box-shadow:0 2px 6px rgba(15,23,42,.12);animation:rwhop 3.5s ease-in-out infinite} .oh .rw-stk .rw-av:first-child{margin-left:0} .oh .rw-stk .rw-av:nth-child(2){animation-delay:.15s}.oh .rw-stk .rw-av:nth-child(3){animation-delay:.3s}.oh .rw-stk .rw-av:nth-child(4){animation-delay:.45s}.oh .rw-stk .rw-av:nth-child(5){animation-delay:.6s} @keyframes rwhop{0%,20%,100%{transform:none}10%{transform:translateY(-5px)}} .oh .rw-av{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff;font:700 17px/1 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;overflow:hidden} .oh .rw-av.im{background:#e2e8f0;padding:0} .oh .rw-av img{width:100%;height:100%;object-fit:cover;display:block} .oh .rw-row{overflow:hidden;padding:6px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .oh .rw-tr{display:flex;gap:14px;width:max-content;animation:rwmq 34s linear infinite;animation-play-state:paused} .oh .rw-tr.rev{animation-name:rwmqr;animation-duration:40s} .oh .rw.run .rw-tr{animation-play-state:running} /* ছুঁলে বা মাউস রাখলে থামে না — সব সময় চলে */ @keyframes rwmq{to{transform:translateX(-50%)}} @keyframes rwmqr{from{transform:translateX(-50%)}to{transform:translateX(0)}} .oh .rw-c{width:320px;flex:none;margin:0;background:#fff;border-radius:16px;padding:14px 16px 12px;box-shadow:0 3px 12px rgba(15,23,42,.06);border:1px solid #eef2f6} .oh .rw-c figcaption{display:flex;align-items:center;gap:10px} .oh .rw-c figcaption div{flex:1;min-width:0} .oh .rw-c figcaption b{display:block;font:600 14.5px/1.3 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;color:var(--ink,#1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oh .rw-c figcaption div span{display:block;font:400 12px/1.3 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oh .rw-tg{flex:none;font-style:normal;font-size:10.5px;font-weight:600;padding:2px 9px;border-radius:99px;background:#E9F7EE;color:#0A8550} .oh .rw-tg.t{background:#FEF3C7;color:#B45309} .oh .rw-c blockquote{margin:10px 0 8px;font:400 13.5px/1.55 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;color:#334155;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px} .oh .rw-c .rw-st{width:76px;height:15px;display:block} /* অ্যাফিলিয়েট পার্টনার: আসল লোগো, সাদা ঘরে, ধীরে চলে; ছুঁলে থামে ও একটু ওঠে */ .oh .af{padding:34px 0 52px;background:var(--bg,#f6f8f9);overflow:hidden} .oh .af .sec-title{text-align:center;margin-bottom:22px} .oh .af-row{overflow:hidden;padding:8px 0 12px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .oh .af-tr{display:flex;gap:16px;width:max-content;animation:rwmq 28s linear infinite} .oh .af-row:hover .af-tr{animation-play-state:paused} .oh .af-i{flex:none;display:flex;align-items:center;justify-content:center;width:170px;height:76px;padding:12px 20px;background:#fff;border-radius:16px;border:1px solid #eef2f6;box-shadow:0 4px 14px -8px rgba(15,23,42,.18);transition:transform .25s,box-shadow .25s} .oh .af-i:hover{transform:translateY(-4px);box-shadow:0 14px 26px -12px rgba(15,23,42,.28)} .oh .af-i img{max-width:100%;max-height:38px;width:auto;height:auto;object-fit:contain;display:block} @media(max-width:768px){ .oh .rw{padding:38px 0 22px} .oh .rw-sum{margin:16px 16px 20px;gap:12px;padding:12px 14px} .oh .rw-big{font-size:40px} .oh .rw-mid span{font-size:12.5px} .oh .rw-stk .rw-av{width:30px;height:30px;font-size:12px;margin-left:-9px} .oh .rw-c{width:262px;padding:12px 13px 10px} .oh .rw-c blockquote{font-size:13px;-webkit-line-clamp:2;min-height:40px} .oh .rw-av{width:36px;height:36px;font-size:15px} .oh .rw-tr{gap:10px} .oh .af{padding:24px 0 38px} .oh .af .sec-title{margin-bottom:16px} .oh .af-i{width:136px;height:62px;padding:10px 14px;border-radius:14px} .oh .af-i img{max-height:30px} .oh .af-tr{gap:12px} } .oh .af-i b{font-size:15px;font-weight:700;color:var(--ink,#1e293b);text-align:center;line-height:1.2} @media(max-width:768px){.oh .rw-stk .rw-av:nth-child(n+4){display:none}.oh .rw-mid span{font-size:12px}} @media(max-width:768px){.oh .rw-tr{animation-duration:28s}.oh .rw-tr.rev{animation-duration:32s}} /* অভিভাবক হোম: শুভেচ্ছা (টিউটরের মতো), রিকোয়েস্টের ৪ ধাপ */ .oh .ph.htu.hg2{padding:44px 0 36px} .oh .gq{max-width:560px;margin:18px auto 0;background:#fff;border:1px solid #e3efe7;border-radius:18px;padding:16px 16px 14px;box-shadow:0 8px 24px -14px rgba(15,23,42,.2);text-align:left} .oh .gq-hd{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .oh .gq-hd span{font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--g-dark,#0A8550)} .oh .gq-hd b{font-size:15.5px;font-weight:600;color:var(--ink,#1e293b)} .oh .gq-hd em{font-style:normal;font-size:12px;color:#64748b;margin-left:auto} .oh .gq-st{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 0;padding:0;position:relative} .oh .gq-st:before,.oh .gq-st:after{content:'';position:absolute;top:17px;left:12.5%;right:12.5%;height:3px;border-radius:3px;background:#e2e8f0} .oh .gq-st:after{background:var(--g,#16A34A);right:auto;width:calc(75% * var(--k) / 3);transition:width .8s} .oh .gq-st li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center} .oh .gq-st i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f1f5f9;color:#94a3b8;border:2px solid #fff;box-shadow:0 0 0 1px #e2e8f0} .oh .gq-st svg{width:17px;height:17px} .oh .gq-st small{font-size:11.5px;line-height:1.25;color:#94a3b8;font-weight:500} .oh .gq-st li.dn i{background:var(--g,#16A34A);color:#fff;box-shadow:none} .oh .gq-st li.dn small{color:var(--ink,#1e293b)} .oh .gq-st li.cur i{background:#fff;color:var(--g,#16A34A);box-shadow:0 0 0 2px var(--g,#16A34A);animation:gqp 1.8s ease-out infinite} .oh .gq-st li.cur small{color:var(--g-dark,#0A8550);font-weight:700} @keyframes gqp{0%{box-shadow:0 0 0 2px var(--g,#16A34A),0 0 0 2px rgba(22,163,74,.35)}70%{box-shadow:0 0 0 2px var(--g,#16A34A),0 0 0 12px rgba(22,163,74,0)}100%{box-shadow:0 0 0 2px var(--g,#16A34A),0 0 0 2px rgba(22,163,74,0)}} .oh .gq-nt{margin:14px 0 0;padding:10px 12px;background:#f0faf4;border-radius:12px;font-size:13.5px;line-height:1.5;color:#334155} html[lang=bn] .oh .gq-st small,html[lang=bn] .oh .gq-nt,html[lang=bn] .oh .gq-hd span{font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif;text-transform:none;letter-spacing:0} @media(max-width:768px){ .oh .ph.htu.hg2{padding:22px 0 18px} .oh .gq{padding:14px 12px 12px;margin-top:14px} .oh .gq-st small{font-size:10.5px} .oh .gq-st i{width:32px;height:32px}.oh .gq-st:before,.oh .gq-st:after{top:15px} } /* হেডারে ছবি না থাকলে নামের প্রথম অক্ষর — গোল সবুজ ঘরে */ .me .me-ini{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#19A64A,#0A8550);color:#fff;font:700 16px/1 Poppins,TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif} .me.mec .me-ini{width:36px;height:36px;flex:none;box-shadow:0 0 0 2px #fff;font-size:15px} .me.mec .me-ini{transition:transform .34s cubic-bezier(.3,1.5,.5,1);will-change:transform;cursor:grab} .me.mec:hover .me-ini{transform:translateX(3px)} .me.mec.drag .me-ini{transition:none} .me.mec.arm .me-ini{box-shadow:0 0 0 2px #fff,0 0 0 6px rgba(255,255,255,.28)} @media(prefers-reduced-motion:reduce){.me.mec .me-ini{transition:none}.me.mec:hover .me-ini{transform:none}} /* হেডারের অক্ষর — ভরাট নয়: হালকা সবুজ ঘর, সবুজ বর্ডার, সবুজ অক্ষর (শুভেচ্ছার ছয়কোণার মতো) */ .me .me-ini{background:var(--g-soft,#E9F7EE);color:var(--g-dark,#0A8550);font-weight:600} .me.mec .me-ini{background:#fff;color:var(--g-dark,#0A8550)} /* জেলা শিট: বিভাগের নাম আলাদা রঙের পাতলা ফিতায়, স্ক্রল করলেও উপরে আটকে থাকে (সবসময় বোঝা যায় কোন বিভাগে আছেন); ডানে জেলার সংখ্যা */ .ds-list{padding-top:0} .ds-grp{position:relative} .ds-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;margin:10px -16px 6px!important;padding:9px 18px;background:#f0f9f3;color:#0A8550!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.35px;text-transform:uppercase;border-top:1px solid #dcefe3;border-bottom:1px solid #dcefe3} .ds-grp:first-child .ds-h{margin-top:0!important;border-top:0} .ds-h:before{content:'';flex:none;width:7px;height:7px;border-radius:2px;background:#16A34A;transform:rotate(45deg)} .ds-h span{flex:1} .ds-h em{flex:none;font-style:normal;font-size:11px;font-weight:700;letter-spacing:0;color:#0A8550;background:#fff;border:1px solid #cdebd8;border-radius:99px;padding:1px 9px} html[lang=bn] .ds-h{text-transform:none;letter-spacing:0;font-size:13.5px!important;font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} /* অভিভাবক হোম — টিউটর কার্ড: "আপনার এলাকায়" ট্যাগ; খালি হলে পুরো চওড়া কার্ড; "সব টিউটর দেখুন" বড় আকর্ষণীয় কার্ড */ .oh .tt-c{position:relative} .oh .tt-near{position:absolute;top:10px;left:10px;font-style:normal;font-size:10.5px;font-weight:700;color:#0A8550;background:#E9F7EE;border:1px solid #c9ead6;border-radius:99px;padding:2px 8px} .oh a.tt-n{text-decoration:none}.oh a.tt-n:hover span{color:var(--g-dark,#0A8550)} .oh .tt-row.one{display:block} .oh .tt-row.one .tt-e{max-width:520px;margin:0 auto;border:1px solid #e3efe7;background:linear-gradient(160deg,#fff,#f2faf5);box-shadow:0 8px 24px -16px rgba(15,23,42,.25);padding:26px 18px} .oh .tt-e b{font-size:16.5px;color:var(--ink,#1e293b)} .oh .tt-e>span{font-size:14px;color:var(--muted,#475569);line-height:1.5} .oh .tt-ei{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#E9F7EE;color:#0A8550} .oh .tt-ei svg{width:28px;height:28px} .oh .tt-e .hb{margin-top:6px;display:inline-flex;align-items:center;gap:8px;padding:0 22px;height:46px} .oh .tt-ft{margin-top:18px} .oh .tt-all{display:flex;align-items:center;gap:14px;width:100%;max-width:560px;padding:12px 12px 12px 16px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#16A34A 0%,#0A8550 100%);box-shadow:0 14px 28px -14px rgba(10,133,80,.75);position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s} .oh .tt-all:before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:xrshine 3.6s ease-in-out infinite;z-index:-1} .oh .tt-all:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 32px -14px rgba(10,133,80,.8)} .oh .tt-all:active{transform:scale(.98)} .oh .tt-stk{display:flex;flex:none} .oh .tt-av{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;margin-left:-11px;border:2.5px solid #fff;background:#E9F7EE;color:#0A8550;font:700 15px/1 Poppins,TLD,'Hind Siliguri',sans-serif;overflow:hidden} .oh .tt-av:first-child{margin-left:0} .oh .tt-av img{width:100%;height:100%;object-fit:cover} .oh .tt-at{flex:1;min-width:0;text-align:left} .oh .tt-at b{display:block;font-size:15.5px;font-weight:700;line-height:1.3} .oh .tt-at small{display:block;font-size:12.5px;opacity:.88;margin-top:2px} .oh .tt-go{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#0A8550} .oh .tt-go svg{width:18px;height:18px;animation:xrnudge 1.4s ease-in-out infinite} html[lang=bn] .oh .tt-at,html[lang=bn] .oh .tt-near{font-family:TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif} @media(max-width:768px){.oh .tt-all{gap:10px;padding:11px 10px 11px 12px}.oh .tt-av{width:32px;height:32px;font-size:13px;margin-left:-10px}.oh .tt-at b{font-size:14.5px}.oh .tt-at small{font-size:11.5px}.oh .tt-go{width:36px;height:36px}} /* অভিভাবক: সংখ্যার বাক্সগুলো দরকার নেই (টিউটরের হিসাব) */ html.tl-g .oh .stats,html.tl-g .oh #stats{display:none!important} /* টিউটর কার্ড: পরিষ্কার — ছবি, নাম, এলাকা; "প্রোফাইল দেখুন" লেখা-লিংক; ভরাট সবুজ "নিয়োগ দিন" (হালকা ঝিলিক) */ .oh .tt-c[data-pf]{cursor:pointer} .oh .tt-c[data-pf]:hover{border-color:#bfe3cc;box-shadow:0 14px 28px -16px rgba(15,23,42,.28);transform:translateY(-3px)} .oh .tt-pf{font-size:12.5px;font-weight:600;color:var(--g-dark,#0A8550);text-decoration:none;margin-top:-2px} .oh .tt-pf:after{content:' ›'} .oh .tt-c .tt-b{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:42px;margin-top:6px;border-radius:12px;background:var(--g-dark,#0A8550);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 16px -10px rgba(10,133,80,.7);transition:transform .15s,background .2s} .oh .tt-c .tt-b:hover{background:#087443;color:#fff} .oh .tt-c .tt-b:active{transform:scale(.97)} .oh .tt-c .tt-b svg{width:16px;height:16px} .oh .tt-c .tt-b:before{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:xrshine 3.4s ease-in-out infinite;z-index:-1} .oh .tt-c:nth-child(2) .tt-b:before{animation-delay:.6s}.oh .tt-c:nth-child(3) .tt-b:before{animation-delay:1.2s}.oh .tt-c:nth-child(4) .tt-b:before{animation-delay:1.8s} .oh .tt-m{min-height:20px} @media(max-width:768px){#topTutors .sec-sub{display:none}} html.tl-g .oh .hm>#topTutors{order:3!important} /* অভিভাবক: সংখ্যার বাক্স নেই, তাই হিরোর নিচের বাড়তি ফাঁকা কমানো; "সব টিউটর দেখুন" বোতাম পাতলা, এক লাইনের */ html.tl-g .oh .hero{padding-bottom:40px!important} html.tl-g .oh #topTutors{padding-top:20px} .oh .tt-all{padding:8px 8px 8px 12px;border-radius:16px} .oh .tt-at b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(max-width:768px){html.tl-g .oh .hero{padding-bottom:28px!important}html.tl-g .oh #topTutors{padding-top:8px}.oh .tt-all{padding:7px 7px 7px 10px}.oh .tt-av{width:30px;height:30px}.oh .tt-go{width:34px;height:34px}.oh .tt-at b{font-size:14px}} .oh .tt-c .tt-m{flex:none!important;margin:0!important;min-height:0}.oh .tt-c .tt-pf{margin-top:6px} .oh #topTutors .tt-hd{margin-bottom:18px}.oh #topTutors .tt-row{padding-top:6px}@media(max-width:768px){.oh #topTutors .tt-hd{margin-bottom:14px}} /* অভিভাবক: টিউটর অংশের শেষে বাকি অংশের মতো পাতলা দাগ */ html.tl-g .oh #topTutors{border-bottom:1px solid var(--line,#e2e8f0);padding-bottom:36px} @media(max-width:768px){html.tl-g .oh #topTutors{padding-bottom:28px}} .ds-h:before{display:none!important} /* পর্দার বাইরে থাকা অংশের নড়াচড়া থেমে থাকে; স্ক্রল করে এলে আবার চলে */ .anim-off,.anim-off *,.anim-off *:before,.anim-off *:after{animation-play-state:paused!important} /* Shop now — এক রঙের কমলা, কিন্তু নড়াচড়া স্পষ্ট: ঝিলিক + চারপাশে ঢেউ (সব ফোনে) */ .oh .sx-btn{animation:sxbtn2 2.4s ease-out infinite!important} .oh .sx-btn:before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent)!important;animation:xrshine 2.6s ease-in-out infinite!important} @keyframes sxbtn2{0%{box-shadow:0 10px 20px -10px rgba(234,88,12,.7),0 0 0 0 rgba(234,88,12,.45)}70%{box-shadow:0 10px 20px -10px rgba(234,88,12,.7),0 0 0 12px rgba(234,88,12,0)}100%{box-shadow:0 10px 20px -10px rgba(234,88,12,.7),0 0 0 0 rgba(234,88,12,0)}} .ds-it.ds-all{border-bottom:1px solid #e3efe7;margin-bottom:4px} #dsheet3 .ds-it.ds-all{border-bottom:1px solid #f1f5f9;margin-bottom:0} /* ছবির বর্ডার: সবুজ/নীল/সোনালি ব্যাজ অনুযায়ী; ভেরিফাই ছাড়া টিউটর = ধূসর ডটেড; অভিভাবক = গোলাপি */ .oh .tt-c.bd-g .tt-hx,html.bd-g .oh .ph-hx{background:linear-gradient(135deg,#7ED957,#19A64A 45%,#0A8550)} .oh .tt-c.bd-b .tt-hx,html.bd-b .oh .ph-hx{background:linear-gradient(135deg,#7DD3FC,#2563EB 60%,#1D4ED8)} .oh .tt-c.bd-y .tt-hx,html.bd-y .oh .ph-hx{background:linear-gradient(135deg,#FFE27A,#F5B700 40%,#FF8A00 75%,#FFD86B)} .oh .tt-c.bd-n .tt-hx,html.bd-n .oh .ph-hx{background:repeating-conic-gradient(#94a3b8 0 9deg,#fff 9deg 18deg)} html.tl-g .oh .ph-hx{background:linear-gradient(135deg,#f9a8d4,#db2777)} html.tl-g .oh .ph-hx .hm-ini{color:#db2777;background:#fdf2f8} /* হেডারের গোল ছবি — একই রং */ html.bd-g .me{border-color:#16A34A}html.bd-b .me{border-color:#2563EB}html.bd-y .me{border-color:#F5B700} html.bd-n .me{border:2px dashed #94a3b8} html.tl-g .me{border-color:#db2777}html.tl-g .me .me-ini{color:#db2777;background:#fdf2f8} html.bd-b .me .me-ini{color:#1D4ED8;background:#eff6ff}html.bd-y .me .me-ini{color:#B45309;background:#fffbeb}html.bd-n .me .me-ini{color:#475569;background:#f1f5f9} html.bd-g .me.mec,html.bd-b .me.mec,html.bd-y .me.mec,html.bd-n .me.mec,html.tl-g .me.mec{border-style:solid;border-color:var(--g)} html.tl-g .me.mec .me-ini{box-shadow:0 0 0 2px #db2777}html.bd-n .me.mec .me-ini{box-shadow:0 0 0 2px #94a3b8}html.bd-b .me.mec .me-ini{box-shadow:0 0 0 2px #2563EB}html.bd-y .me.mec .me-ini{box-shadow:0 0 0 2px #F5B700} html.tl-g .me.mec img{box-shadow:0 0 0 2px #db2777}html.bd-n .me.mec img{box-shadow:0 0 0 2px #94a3b8}html.bd-b .me.mec img{box-shadow:0 0 0 2px #2563EB}html.bd-y .me.mec img{box-shadow:0 0 0 2px #F5B700} html.bd-b .oh .hm-vt g{fill:#2563EB}html.bd-y .oh .hm-vt g{fill:#F5B700} /* ভেরিফাই ছাড়া টিউটর: ডটেডের বদলে পরিষ্কার হালকা রুপালি বর্ডার — সুন্দর, তবে রংহীন; তাই রঙিন ব্যাজ দেখে নিতে ইচ্ছা হয় */ .oh .tt-c.bd-n .tt-hx,html.bd-n .oh .ph-hx{background:linear-gradient(135deg,#eef2f6,#cbd5e1 55%,#94a3b8)} html.bd-n .me{border:2px solid #cbd5e1} /* রুপালি আরো স্পষ্ট: ধাতব চকচকে রুপা, একটু মোটা */ .oh .tt-c.bd-n .tt-hx,html.bd-n .oh .ph-hx{background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 30%,#e2e8f0 50%,#64748b 75%,#cbd5e1 100%);padding:4px} html.bd-n .me{border:2.5px solid #94a3b8} html.bd-n .me.mec img,html.bd-n .me.mec .me-ini{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #94a3b8} /* শুভেচ্ছায় নাম: টিক নামের সাথেই; নামের রং ব্যাজ অনুযায়ী (সবুজ ডিফল্ট) */ .oh .ph h1 em{white-space:nowrap;display:inline-flex;align-items:center;gap:6px} .oh .ph h1 em .hm-vt{width:.8em;height:.8em} html.bd-b .oh .ph h1 em{color:#2563EB} html.bd-y .oh .ph h1 em{color:#D97706} /* নতুন লোগো: বাঘু সবুজ ঘরে (চারকোনা) */ :is(.os,.oh) .logo svg.lg-i{width:42px!important;height:42px!important;flex:none;margin-right:6px!important;border-radius:11px;box-shadow:0 4px 10px -6px rgba(22,101,52,.6)} :is(.os,.oh) .site-header .logo svg.lg-i{width:36px!important;height:36px!important;margin-right:7px!important;border-radius:9px} :is(.os,.oh) .ft-brand .logo svg.lg-i{width:46px!important;height:46px!important;margin-right:8px!important} @media(max-width:768px){:is(.os,.oh) .site-header .logo svg.lg-i{width:32px!important;height:32px!important;margin-right:6px!important}} /* মেনুর প্রোফাইল কার্ড: ড্যাশবোর্ডের মতো ষড়ভুজ, ব্যাজ অনুযায়ী ফ্রেম */ .mav-hx{display:block;width:100%;height:100%;padding:3.5px;background:linear-gradient(135deg,#D5DCE6,#94A3B8);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)} .mav-hx.b-g{background:linear-gradient(135deg,#86EFAC,#16A34A)}.mav-hx.b-b{background:linear-gradient(135deg,#93C5FD,#2563EB)}.mav-hx.b-y{background:linear-gradient(135deg,#FDE68A,#F5B700 55%,#F59E0B)}.mav-hx.b-p{background:linear-gradient(135deg,#F9A8D4,#DB2777)} .mav-hx>span{display:grid;place-items:center;width:100%;height:100%;background:#fff;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);overflow:hidden} .mav-hx img{width:100%;height:100%;object-fit:cover;border-radius:0!important} .mav-hx b{font-size:20px;font-weight:700;color:#334155;line-height:1}.mav-hx.b-p b{color:#BE185D} :is(.os,.oh) .appmenu .ucard .av:has(.mav-hx){width:54px!important;height:58px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important} :is(.os,.oh) .appmenu .ucard .av .mav-hx img{border-radius:0!important} :is(.os,.oh) .appmenu .ucard .mav-hx{background:linear-gradient(135deg,#D5DCE6,#94A3B8)!important;padding:3.5px!important} :is(.os,.oh) .appmenu .ucard .mav-hx.b-g{background:linear-gradient(135deg,#86EFAC,#16A34A)!important}:is(.os,.oh) .appmenu .ucard .mav-hx.b-b{background:linear-gradient(135deg,#93C5FD,#2563EB)!important}:is(.os,.oh) .appmenu .ucard .mav-hx.b-y{background:linear-gradient(135deg,#FDE68A,#F5B700 55%,#F59E0B)!important}:is(.os,.oh) .appmenu .ucard .mav-hx.b-p{background:linear-gradient(135deg,#F9A8D4,#DB2777)!important} :is(.os,.oh) .appmenu .ucard .mav-hx>span{background:#fff!important;padding:0!important;margin:0!important;width:100%!important;height:100%!important} /* ===== ডেস্কটপ সাইডবার (লগইন করা) ===== */ .dsb{display:none} @media (min-width:769px){ body.has-dsb .dsb{display:flex;flex-direction:column;position:fixed;left:0;top:var(--hd,64px);bottom:0;width:272px;padding:14px 12px 10px;background:#F4F6F8;border-right:1px solid #E8EDF3;z-index:40;overflow-y:auto;scrollbar-width:thin;font-family:Poppins,TLD,'Hind Siliguri',sans-serif} body.has-dsb main,body.has-dsb .pt{margin-left:272px!important} body.has-dsb footer.footer{display:none!important} body.has-dsb .bottom-bar,body.has-dsb .wa-float{left:auto} } .ds-me{display:flex;align-items:center;gap:11px;padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid #E5E9EF;text-decoration:none;color:#0F172A;border-radius:14px;transition:background .2s} .ds-me:hover{background:#fff} .ds-me .mav-hx{width:44px;height:48px;flex:none}.ds-me .mav-hx b{font-size:18px} .ds-me b{display:block;font-size:15px;font-weight:600;line-height:1.3;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-me small{font-size:12px;color:#16A34A;font-weight:500} .dsb nav{display:flex;flex-direction:column;gap:2px} .ds-i{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;font:inherit;font-size:14.5px;font-weight:500;color:#334155;text-decoration:none;background:none;border:0;cursor:pointer;text-align:left;width:100%;transition:background .2s,color .2s,transform .15s;animation:dsIn .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 35ms)} .ds-i i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.ds-i svg{width:19px;height:19px} .ds-i b{font-weight:inherit;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ds-i:hover{background:#fff;color:#0F172A}.ds-i:hover i{transform:scale(1.12) rotate(-6deg)} .ds-i:active{transform:scale(.97)} .ds-i.on{background:#fff;color:#15803D;font-weight:600;box-shadow:0 6px 16px -12px rgba(22,101,52,.55)} .ds-i.on:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:#16A34A} .ds-n{background:#EF4444;color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}.ds-n:empty{display:none} .ds-n:not(:empty){animation:dsPop .5s cubic-bezier(.3,1.6,.5,1)} .i-dash i{background:#E7F7EE;color:#16A34A}.i-job i{background:#F0FDF4;color:#15803D}.i-app i{background:#EFF6FF;color:#2563EB}.i-inb i{background:#FFF7ED;color:#EA580C}.i-bell i{background:#FDF2F8;color:#DB2777}.i-feed i{background:#ECFEFF;color:#0891B2}.i-shop i{background:#F5F3FF;color:#7C3AED}.i-gift i{background:#FEF2F2;color:#DC2626}.i-edit i{background:#F5F3FF;color:#6D28D9}.i-hub i{background:#F0FDFA;color:#0D9488}.i-play i{background:#FEF2F2;color:#DC2626}.i-hire i{background:#E7F7EE;color:#16A34A}.i-adm i{background:#F1F5F9;color:#475569} .ds-ft{margin-top:auto;padding:14px 12px 4px;font-size:11.5px;line-height:1.8;color:#94A3B8}.ds-ft a{color:#94A3B8;text-decoration:none}.ds-ft a:hover{color:#16A34A;text-decoration:underline} @keyframes dsIn{from{opacity:0;transform:translateX(-10px)}}@keyframes dsPop{0%{transform:scale(.4)}60%{transform:scale(1.2)}100%{transform:scale(1)}} @media (prefers-reduced-motion:reduce){.ds-i,.ds-n{animation:none}} /* ===== লগইন করা: হেডার পরিষ্কার — মোবাইলে শুধু লোগো, ডেস্কটপে 🔔 + প্রোফাইল ===== */ body.has-dsb .site-header .nav,body.has-dsb .site-header .m-right,body.has-dsb .site-header .drawer{display:none!important} .hd-me{display:none} @media (min-width:769px){body.has-dsb .hd-me{display:flex;align-items:center;gap:10px;margin-left:auto}} .hd-bell{position:relative;width:42px;height:42px;border-radius:50%;background:#F1F5F9;display:grid;place-items:center;color:#334155;transition:background .2s,transform .15s} .hd-bell:hover{background:#E7F7EE;color:#15803D}.hd-bell:active{transform:scale(.92)}.hd-bell svg{width:21px;height:21px} .hd-bell .ds-n{position:absolute;top:-3px;right:-4px;font-size:10.5px;padding:1px 6px;border:2px solid #fff} .hd-pf{position:relative}.hd-av{border:0;background:none;padding:0;cursor:pointer;display:block;width:40px;height:44px;transition:transform .15s}.hd-av:active{transform:scale(.94)}.hd-av .mav-hx{width:40px;height:44px} .hd-pop{position:absolute;right:0;top:calc(100% + 10px);width:290px;background:#fff;border:1px solid #E8EDF3;border-radius:18px;box-shadow:0 22px 50px -18px rgba(15,23,42,.35);padding:8px;z-index:90;transform-origin:top right;animation:hdPop .22s cubic-bezier(.2,.9,.3,1.2)} .hd-pop[hidden]{display:none} @keyframes hdPop{from{opacity:0;transform:scale(.92) translateY(-6px)}} .hd-who{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;margin-bottom:6px;border-bottom:1px solid #EEF2F6}.hd-who .mav-hx{width:44px;height:48px;flex:none}.hd-who b{display:block;font-size:15px}.hd-who small{font-size:12.5px;color:#64748B} .hd-pop a,.hd-pop button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:12px;border:0;background:none;font:inherit;font-size:14.5px;font-weight:500;color:#334155;text-decoration:none;cursor:pointer;text-align:left} .hd-pop a:hover,.hd-pop button:hover{background:#F4F6F8}.hd-pop i{width:34px;height:34px;border-radius:50%;background:#F1F5F9;display:grid;place-items:center}.hd-pop i svg{width:18px;height:18px} .hd-pop button[data-logout]{color:#DC2626}.hd-pop button[data-logout] i{background:#FEF2F2} /* সাইডবার: ছোট ল্যাপটপ/ট্যাবলেটে সরু আইকনের সারি */ @media (min-width:769px) and (max-width:1099px){body.has-dsb .dsb{width:84px;padding:12px 10px}body.has-dsb main,body.has-dsb .pt{margin-left:84px!important}.dsb .ds-me span:last-child,.dsb .ds-i b,.dsb .ds-ft{display:none}.dsb .ds-me{justify-content:center;padding:6px 0 12px}.dsb .ds-i{justify-content:center;padding:6px}.dsb .ds-i .ds-n{position:absolute;top:2px;right:6px;font-size:10px;padding:0 5px}} .ds-i.i-out{color:#DC2626}.i-out i{background:#FEF2F2;color:#DC2626}.i-set i{background:#F1F5F9;color:#475569}.i-rules i{background:#EEF2FF;color:#4F46E5} /* মোবাইলের নিচের বার (লগইন করা) */ .bb-me .bb-i{position:relative} .bb-n{position:absolute;top:2px;left:calc(50% + 4px);font-style:normal;background:#EF4444;color:#fff;font-size:10.5px;font-weight:700;border-radius:99px;padding:0 5px;min-width:17px;line-height:16px;text-align:center;border:2px solid #fff}.bb-n:empty{display:none} .bb-n:not(:empty){animation:dsPop .5s cubic-bezier(.3,1.6,.5,1)} .bb-me .bump svg{animation:bbBump .38s cubic-bezier(.3,1.6,.5,1)} @keyframes bbBump{40%{transform:translateY(-4px) scale(1.12)}} /* মোবাইল মেনু: সবগুলো এক কার্ডে, রঙিন আইকন */ .mi-main{padding-top:6px!important} .mrow.mi2{position:relative}.mrow.mi2 i{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-right:2px}.mrow.mi2 i svg{width:19px;height:19px} .mrow.mi2 .ds-n{margin-left:auto} .mrow.mi2{animation:dsIn .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 30ms)} body.has-dsb #langPop .lp-s{display:none!important} /* ===== বন্ধু আনুন পপআপ — হোমপেজেও (app.css ছাড়া) ঠিকমতো দেখাতে দরকারি স্টাইল ===== */ .rfm .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:13px;font-weight:600;font-size:15px;background:var(--gd);color:#fff;border:0;transition:background .2s,box-shadow .2s,transform .12s;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(10,133,80,.8);position:relative;overflow:hidden} .rfm .btn:hover{background:var(--gx)} .rfm .btn:active{transform:scale(.96)} .rfm .btn[disabled]{opacity:.6;pointer-events:none} .rfm .btn.s{background:#fff;color:var(--gd);border:1.5px solid #cfe7d8;box-shadow:none} .rfm .btn.s:hover{border-color:var(--g);background:var(--gl)} .rfm .btn.sm{height:38px;padding:0 15px;font-size:14px;border-radius:11px} .rfm .btn.w{width:100%} .rfm .btn svg{width:18px;height:18px;flex:none} .rfm .btn:not(.s):not(.ghost):after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .6s} .rfm .btn:not(.s):not(.ghost):hover:after{left:130%} .rfm .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)} .rfm .modal-bg{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .25s} .rfm .modal-in{position:relative;width:min(440px,100%);padding:20px;display:flex;flex-direction:column;gap:12px;transform:translateY(20px) scale(.97);opacity:0;transition:.35s var(--spring)} .rfm.on .modal-bg{opacity:1} .rfm.on .modal-in{transform:none;opacity:1} .rfm .copyrow{display:flex;gap:8px} .rfm .copyrow input{flex:1;min-width:0;height:42px;border:1.5px solid var(--line);border-radius:11px;padding:0 10px;font-size:13px;background:#f8fafc} .rfm .row-b{display:flex;gap:8px} .rfm .dg-t{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:0;padding:0;font:inherit;color:#334155;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:dgIn .5s cubic-bezier(.2,.9,.3,1.25) both;animation-delay:calc(var(--i) * 45ms)} .rfm .dg-t i{position:relative;width:58px;height:58px;border-radius:19px;display:grid;place-items:center;color:var(--c);background:#F4F7FA; background:linear-gradient(150deg,color-mix(in srgb,var(--c) 6%,#fff) 0%,color-mix(in srgb,var(--c) 17%,#fff) 100%); border:1px solid color-mix(in srgb,var(--c) 14%,#fff); box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 16px -10px color-mix(in srgb,var(--c) 70%,transparent);transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s} .rfm .dg-t i:before{content:"";position:absolute;left:8px;right:8px;top:4px;height:40%;border-radius:14px 14px 30px 30px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none} .rfm .dg-t i svg{width:27px;height:27px;position:relative} .rfm .dg-t i em{position:absolute;top:-6px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#EF4444;color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 3px 8px -3px rgba(239,68,68,.8)} .rfm .dg-t i em[hidden]{display:none} .rfm .dg-t span{font-size:12px;font-weight:500;line-height:1.3;text-align:center} .rfm .dg-t:active i{transform:scale(.9)} .rfm .dg-t{width:auto;padding:0 3px;min-width:0} .rfm .dg-t span{display:block;max-width:100%;overflow-wrap:normal;word-break:normal} .rfm .dg-t i em.up{background:linear-gradient(135deg,#3B82F6,#2563EB);font-size:11px;box-shadow:0 3px 8px -3px rgba(37,99,235,.8)} .rf{text-align:center;padding:2px 2px 4px} .rf .mascot{width:76px;height:76px;margin:0 auto} .rf-tag{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;color:#BE185D;background:#FDF2F8;border-radius:99px;padding:3px 12px} .rf h3{font-size:22px;font-weight:700;margin:8px 0 2px;line-height:1.3} .rf h3 b{color:#16A34A;font-size:28px} .rf>p{font-size:13.5px;color:#64748B;margin:0 0 14px} .rf-s{list-style:none;padding:12px 14px;margin:0 0 14px;background:#F8FAFC;border-radius:16px;text-align:left;display:flex;flex-direction:column;gap:10px} .rf-s li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#334155} .rf-s i{width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;font-style:normal;font-size:13px;font-weight:700;display:grid;place-items:center;flex:none} .rf-s b{color:#15803D} .rfm .modal-in{position:relative} .rf-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:#F1F5F9;color:#475569;font-size:14px;cursor:pointer} .rf-link{display:flex;align-items:center;gap:8px;background:#F8FAFC;border:1.5px dashed #CBD5E1;border-radius:14px;padding:6px 6px 6px 14px} .rf-link span{flex:1;min-width:0;font-size:13px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .rf-link button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:0;border-radius:11px;background:#fff;color:#15803D;font:600 13.5px Poppins,TLD,'Hind Siliguri',sans-serif;box-shadow:0 2px 8px -3px rgba(15,23,42,.18);cursor:pointer} .rf-link button svg{width:16px;height:16px} .rf-sl{font-size:12.5px;font-weight:600;color:#94A3B8;text-align:center;margin:16px 0 10px} .rf-sh{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding-bottom:4px} .rf-sh .dg-t i svg{width:28px;height:28px} .rfm .modal-in{position:relative;padding-top:22px} .rf-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#F1F5F9;color:#475569;display:grid;place-items:center;cursor:pointer;z-index:2} .rf-x svg{width:16px;height:16px} .rf-x:active{transform:scale(.9)} .rf-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:4px 12px 14px} .rf-t{width:auto;padding:0;text-decoration:none} .rf-t i{width:56px;height:56px} .rf-t span{font-size:12px;font-weight:500;color:#334155} .rf-l{display:block;width:100%;box-sizing:border-box;border:1px dashed #CBD5E1;border-radius:12px;background:#F8FAFC;padding:9px 12px;font-size:12.5px;color:#64748B;text-align:center;outline:0} .rf-cp{display:flex;gap:8px;margin-top:2px} .rf-cp .rf-l{flex:1;min-width:0;border:1px solid #E2E8F0;border-style:solid;text-align:left;height:48px;padding:0 14px;border-radius:14px;font-size:13px;color:#475569;background:#F8FAFC} .rf-cp .btn{height:48px;border-radius:14px;padding:0 18px;gap:6px;flex:none;background:linear-gradient(180deg,#22C55E,#16A34A);border:0;box-shadow:0 8px 16px -10px rgba(22,163,74,.8)} .rf-b{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .rf-b .btn{height:50px;border-radius:15px;gap:8px;font-weight:600;font-size:15px} .rf-b svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .rf-wa{background:linear-gradient(180deg,#25D366,#16A34A)!important;border:0!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(22,163,74,.9)} .rf-sh{background:#fff!important;border:1.5px solid #E2E8F0!important;color:#0F172A!important} .rf-sh svg{color:#EA580C} .rf-cp .btn:active,.rf-b .btn:active{transform:scale(.97)} html[lang=bn] .rf-t span{font-size:12.5px} /* ===== IA পরিষ্কার: ফেসবুকের মতো হেডার, প্রিমিয়াম আইকন, শান্ত নিচের বার ===== */ /* হেডার: লগইন অবস্থায় পুরো চওড়া — লোগো একদম বামে, প্রোফাইল ডানে */ body.has-dsb .site-header .wrap{max-width:none!important;width:100%!important;padding:0 16px!important;box-sizing:border-box} body.has-dsb .pt{width:auto!important} body.has-dsb .pt .sec-title,body.has-dsb .pt h2{text-align:center} .mav-hx.b-n{background:linear-gradient(135deg,#E2E8F0,#94A3B8)} /* মোবাইল: ডানে ছোট গোল ছবি (ব্যাজের রঙের রিং) + ঘণ্টা */ @media (max-width:768px){ body.has-dsb .hd-me{display:flex;align-items:center;gap:8px;margin-left:auto} body.has-dsb .hd-bell{width:36px;height:36px}.hd-bell svg{width:19px;height:19px} body.has-dsb .hd-av,body.has-dsb .hd-av .mav-hx{width:34px;height:34px} .hd-av .mav-hx,.hd-av .mav-hx>span{clip-path:none!important;border-radius:50%} .hd-av .mav-hx{padding:2.5px}.hd-av .mav-hx>span{border:1.5px solid #fff;box-sizing:border-box}.hd-av .mav-hx img{border-radius:50%!important}.hd-av .mav-hx b{font-size:14px} .hd-pop{width:min(290px,calc(100vw - 24px));right:-4px} } /* প্রিমিয়াম আইকন: রঙিন গ্রেডিয়েন্ট বৃত্ত, সাদা আইকন (ফেসবুকের মতো) */ .ds-i i,.mrow.mi2 i{border-radius:50%!important;color:#fff!important;background:var(--ig,linear-gradient(135deg,#94A3B8,#475569))!important;box-shadow:0 6px 14px -8px var(--is,rgba(71,85,105,.7)),inset 0 1px 0 rgba(255,255,255,.35)} .i-dash{--ig:linear-gradient(135deg,#4ADE80,#15803D);--is:rgba(21,128,61,.7)} .i-job{--ig:linear-gradient(135deg,#34D399,#047857);--is:rgba(4,120,87,.7)} .i-hire{--ig:linear-gradient(135deg,#34D399,#047857);--is:rgba(4,120,87,.7)} .i-app{--ig:linear-gradient(135deg,#60A5FA,#1D4ED8);--is:rgba(29,78,216,.7)} .i-inb{--ig:linear-gradient(135deg,#38BDF8,#7C3AED);--is:rgba(124,58,237,.6)} .i-bell{--ig:linear-gradient(135deg,#F472B6,#BE185D);--is:rgba(190,24,93,.6)} .i-feed{--ig:linear-gradient(135deg,#22D3EE,#0E7490);--is:rgba(14,116,144,.7)} .i-shop{--ig:linear-gradient(135deg,#A78BFA,#6D28D9);--is:rgba(109,40,217,.6)} .i-gift{--ig:linear-gradient(135deg,#FB7185,#E11D48);--is:rgba(225,29,72,.6)} .i-edit{--ig:linear-gradient(135deg,#A78BFA,#6D28D9);--is:rgba(109,40,217,.6)} .i-hub{--ig:linear-gradient(135deg,#FCD34D,#D97706);--is:rgba(217,119,6,.6)} .i-play{--ig:linear-gradient(135deg,#F87171,#DC2626);--is:rgba(220,38,38,.6)} .i-rules{--ig:linear-gradient(135deg,#818CF8,#4338CA);--is:rgba(67,56,202,.6)} .i-set{--ig:linear-gradient(135deg,#94A3B8,#475569);--is:rgba(71,85,105,.6)} .i-adm{--ig:linear-gradient(135deg,#64748B,#1E293B);--is:rgba(30,41,59,.6)} .ds-i.on i{transform:scale(1.04)} /* অতিথির মেনুও একই ধাঁচে */ .appmenu .mrow:not(.mi2)>svg:first-child{box-sizing:border-box;width:36px!important;height:36px!important;padding:8px;border-radius:50%;color:#fff!important;stroke:#fff;background:linear-gradient(135deg,#4ADE80,#15803D);box-shadow:0 6px 14px -8px rgba(21,128,61,.7);flex:none} .appmenu .mrow:not(.mi2):nth-of-type(6n+2)>svg:first-child{background:linear-gradient(135deg,#60A5FA,#1D4ED8)} .appmenu .mrow:not(.mi2):nth-of-type(6n+3)>svg:first-child{background:linear-gradient(135deg,#FCD34D,#D97706)} .appmenu .mrow:not(.mi2):nth-of-type(6n+4)>svg:first-child{background:linear-gradient(135deg,#A78BFA,#6D28D9)} .appmenu .mrow:not(.mi2):nth-of-type(6n+5)>svg:first-child{background:linear-gradient(135deg,#22D3EE,#0E7490)} .appmenu .mrow:not(.mi2):nth-of-type(6n)>svg:first-child{background:linear-gradient(135deg,#FB7185,#E11D48)} .appmenu .mrow.out>svg:first-child{background:linear-gradient(135deg,#FCA5A5,#DC2626)!important} /* নিচের বার: লাফালাফি নেই — সক্রিয় আইকন মসৃণভাবে ভরে ওঠে */ .bb-me .bump svg{animation:none!important} .bottom-bar a svg,.bottom-bar .bb-i svg{transition:fill .25s ease,color .25s ease,transform .25s ease} .bottom-bar a.active svg,.bottom-bar .bb-i.on svg{fill:currentColor;fill-opacity:.18} /* অ্যাপের মতো পেজ বদল: হেডার/নিচের বার/সাইডবার স্থির, শুধু মাঝখান বদলায় */ @keyframes vtOut{to{opacity:0}}@keyframes vtIn{from{opacity:0;transform:translateY(6px)}} .nprog{position:fixed;top:0;left:0;height:2px;width:0;z-index:2000;background:linear-gradient(90deg,#22C55E,#16A34A);box-shadow:0 0 6px rgba(22,163,74,.55);opacity:0;pointer-events:none;border-radius:0 2px 2px 0} .nprog.np-go{opacity:1;width:72%;transition:width .45s cubic-bezier(.1,.8,.2,1)} .nprog.np-go.np-done{width:100%;opacity:0;transition:width .18s ease-out,opacity .2s .16s} .nprog.np-sweep{opacity:1;width:100%;animation:npSweep .28s cubic-bezier(.4,0,.2,1) forwards} @keyframes npSweep{from{transform:translateX(-100%)}to{transform:translateX(0)}} .mi-main .mrow:first-child,.mi-main>.mrow:first-of-type{border-top:0!important} .hd-av .mav-hx{padding:3.5px!important}.hd-av .mav-hx>span{width:100%!important;height:100%!important} @media (max-width:768px){.hd-av .mav-hx{padding:2.5px!important}} /* চ্যাট পাতায় ফুটার/WhatsApp বোতাম নয় — মেসেঞ্জারের মতো পরিষ্কার */ body[data-page=inbox] footer.footer,body[data-page=inbox] .wa-float,body[data-page=inbox] .site-footer{display:none!important} html.ds-lock .wa-float,html.ms-lock .wa-float{display:none!important} /* হেডারের প্রোফাইল ছবি: নিখুঁত গোল + ব্যাজের রঙের রিং; স্টোরি থাকলে ইনস্টাগ্রামের মতো রঙিন রিং */ .hd-av,body.has-dsb .hd-av{width:42px!important;height:42px!important;border-radius:50%} .hd-ring{display:block;width:100%;height:100%;border-radius:50%;padding:2.5px;box-sizing:border-box;background:linear-gradient(135deg,#E2E8F0,#94A3B8)} .hd-ring.b-g{background:linear-gradient(135deg,#86EFAC,#16A34A)}.hd-ring.b-b{background:linear-gradient(135deg,#93C5FD,#2563EB)}.hd-ring.b-y{background:linear-gradient(135deg,#FDE68A,#F59E0B)}.hd-ring.b-p{background:linear-gradient(135deg,#F9A8D4,#DB2777)} .hd-ring.has-st{background:conic-gradient(from 210deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75);animation:ringSpin 6s linear infinite} @keyframes ringSpin{to{filter:hue-rotate(0deg)}} .hd-ring>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#F1F5F9;border:2px solid #fff;box-sizing:border-box} .hd-ring img{width:100%;height:100%;object-fit:cover;display:block}.hd-ring b{font-size:15px;font-weight:700;color:#334155} @media (max-width:768px){body.has-dsb .hd-av{width:36px!important;height:36px!important}.hd-ring{padding:2px}.hd-ring b{font-size:13px}} /* নিচ থেকে টেনে রিফ্রেশ — ব্রাউজারের নিজস্বটা চালু; অ্যাপ (ইনস্টল করা) হলে নিজেদের */ @media(hover:none) and (pointer:coarse){body{overscroll-behavior-y:auto!important}} .ptr{position:fixed;left:50%;top:calc(var(--hd,56px) + 6px);z-index:1900;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.18);display:grid;place-items:center;color:#16A34A;transform:translateY(-70px);opacity:0;pointer-events:none} .ptr svg{width:20px;height:20px}.ptr.go svg{animation:ptrSpin .7s linear infinite}@keyframes ptrSpin{to{transform:rotate(360deg)}} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .hd-av .hd-ring{padding:3px!important;width:100%!important;height:100%!important;box-sizing:border-box!important} .hd-av .hd-ring>span{width:100%!important;height:100%!important;border:2px solid #fff!important;padding:0!important} @media (max-width:768px){.hd-av .hd-ring{padding:2.5px!important}} /* ===== অ্যাপের মতো ট্যাব: বাইরের একটাই হেডার/নিচের বার, মাঝে ট্যাবের পাতা ===== */ .pn{position:fixed;top:var(--pnt,56px);bottom:var(--pnb,0px);left:var(--pnl,0px);right:0;z-index:45;visibility:hidden;pointer-events:none;background:#F0F2F5;overflow:hidden} .pn.on{visibility:visible;pointer-events:auto} .pn.full{top:0!important;bottom:0!important;left:0!important;z-index:2000} .pn iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#F0F2F5;display:block} .pn.wait iframe{opacity:0} .pn-sk{display:none} .pn.wait .pn-sk{display:block;position:absolute;inset:0;padding:14px;overflow:hidden} .pn-c{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:16px;margin:0 auto 12px;max-width:640px;box-shadow:0 1px 2px rgba(15,23,42,.06)} .pn-c:first-child{flex-direction:column;align-items:stretch} .pn-c b{flex:none;width:52px;height:52px;border-radius:50%} .pn-c span{flex:1;display:flex;flex-direction:column;gap:9px} .pn-c b,.pn-c i{display:block;background:linear-gradient(90deg,#EEF1F5,#E2E7EE,#EEF1F5);background-size:200% 100%;animation:skel 1.1s linear infinite} .pn-c i{height:11px;border-radius:6px}.pn-c:first-child i{height:13px;margin:5px 0} .pn-c .w4{width:40%}.pn-c .w5{width:50%}.pn-c .w6{width:60%}.pn-c .w7{width:70%}.pn-c .w8{width:85%} @keyframes skel{to{background-position:-200% 0}} html.pn-on,html.pn-on body{overflow:hidden} /* ট্যাবের ভেতরের পাতা: নিজের হেডার/বার/সাইডবার/ফুটার নেই */ html.in-pane{--hd:0px!important} html.in-pane .site-header,html.in-pane .bottom-bar,html.in-pane .dsb,html.in-pane footer.footer,html.in-pane .wa-float,html.in-pane #appMenu,html.in-pane .menu-bg{display:none!important} html.in-pane body{padding-top:0!important;padding-bottom:14px!important} html.in-pane body.has-dsb main,html.in-pane body.has-dsb .pt{margin-left:0!important} html.in-pane.pn-full body{padding-top:var(--pnt,0px)!important;padding-left:var(--pnl,0px)!important} /* মোবাইলে ভাসমান WhatsApp বোতাম নেই */ @media (max-width:768px){.wa-float{display:none!important}} /* স্ক্রলবার থাকুক বা না থাকুক — পাতার চওড়া সবসময় এক; নিচের বার/হেডার কখনো ছোট-বড় হয় না */ html{scrollbar-gutter:stable} .bottom-bar{left:0!important;right:0!important;width:auto!important} .bottom-bar>a,.bottom-bar>button{flex:1 1 0!important;min-width:0!important} .bottom-bar>a span,.bottom-bar>button span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;line-height:1.25} :is(.os,.oh) .bottom-bar a.active svg{animation:none!important} .bottom-bar,.bottom-bar a,.bottom-bar button,.dsb a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none} :is(.os,.oh) .appmenu{top:var(--pnt,60px)!important} /* হেডারের ছোট ছবি: নিখুঁত গোল, চিকন রিং */ .hd-av{padding:0!important;border:0!important;border-radius:50%!important;line-height:0!important;flex:none!important;aspect-ratio:1/1} .hd-av .hd-ring{padding:2px!important;border-radius:50%!important} .hd-av .hd-ring>span{border-width:1.5px!important;border-radius:50%!important} @media (max-width:768px){.hd-av .hd-ring{padding:1.75px!important}} /* ছবিতে চাপলে যে কার্ড আসে: হেক্সাগনে ব্যাজের রঙের বর্ডার */ .hd-who .mav-hx{padding:3px!important;width:44px!important;height:48px!important} .hd-who .mav-hx>span{width:100%!important;height:100%!important} .hd-pop button[data-logout]{margin-top:4px;border-top:1px solid #EEF2F6!important;border-radius:0 0 12px 12px} .i-home{--ig:linear-gradient(135deg,#4ADE80,#0E7490);--is:rgba(14,116,144,.6)} html.pn-on .site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important}