/* বাংলা সংখ্যা (০-৯) সব জায়গায় পরিষ্কার দেখাতে — Hind Siliguri-র ১ অদ্ভুত দেখায় */ @font-face{font-family:TLD;font-weight:400;font-display:swap;unicode-range:U+09E6-09EF;src:url(data:font/woff;base64,d09GRgABAAAAAAjMAA8AAAAACzQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAIFAAAABYAAAAWABEAC0dQT1MAAAgsAAAAIAAAACBEdkx1R1NVQgAACEwAAAA7AAAAPOF2/aNPUy8yAAAGcAAAAEcAAABgahld61NUQVQAAAiIAAAAQQAAAET1ud4lY21hcAAABrgAAAAuAAAANAAMCkJnYXNwAAAIDAAAAAgAAAAIAAAAEGdseWYAAAFYAAAEaQAABeZazeS1aGVhZAAABfwAAAA2AAAANhyrxehoaGVhAAAGUAAAACAAAAAkBiADEWhtdHgAAAY0AAAAGgAAABoFwwF1bG9jYQAABeQAAAAYAAAAGAbDCDZtYXhwAAAFxAAAAB0AAAAgACIBLm5hbWUAAAboAAABEAAAAio0mlEDcG9zdAAAB/gAAAATAAAAIP+fADJ4nGWUb2/bVBTGr68d23GbxG5s508T23FiX9tJU8dxnLRN1vxP2mQl69hYx9hGtmwgtPIKIQYIwRv4IJPgG/AB+EBIIPEGxLhOuqmALB0dWbae5/6ecy6AYAymkIMOSAAVAEM3zYYfBHVPliWRppEXBA3fNIs6TUuiLBPWbOW5T8/mT8Nq902rj8I6mPZf9Acver3Lfv+yN0FnrcOTErp5cHBaAoAAS1z+gp+BCgCFjQIWkESGZuS6txZAVYjfNlOhjEKF0oTbXRg2Um2BZuXSwTTTDoZ3LYpaUKQy/WqqNh7ogWq4JUXlaYo+ruVrdcUcTmxB4xkhE991/eFotnd0bmP9i9e/wM5GP1IlUVMOZUPd67KynFKgSIemUriHyc5q+ekkUZzqw5kSzLtzjaLOSLhT358sCr5XcHbz7rP9zv7Yd3ZGXDRXSVseHzdalpDHDiQ2pclcwhs9mIqxyFYiO0QhiTiYwQAWQDFkXYWoqcCNFWSikLh+BWdNn7hof3TnOHki9ldjr6tqWZOundfGneFj338yq65+/GL7m1cLc+rNKkWGT9r7vrl/dPjJ6fR5CwASnL/+EwJ4CXTggR4++VW2zaBpouspb04cCpK4D0lsQsGW8Mdhh+OXxJRMVEdP/GTFIGFR0qrvdU7vWciiGZRzvIcmy56Pxr2TjqnHL9jo8OSg6Z3mhEjlrJ7zXYmA2XzZK4+c6rjkHKcpKqdUu7X5HuGRZK5rVFodZDTT0TZJphpWybErJV0CAIIAFx0np4Gjt7PzJq563Xvbeuu3yNscDn+1afCDj7Se3MXs27OX3+3TpBIUGYrKB1XRyjPbkWz1ydArcRwfs9BuUjeyJUEgbqq6f7/79cXy53EQS2+lUIpoW7fs3XKGIEZ5ZbIFqQgrDcquq+fp+E5+Vw0Ou4P2+/VNxghnfBl6/1/GIeAiDnkDlUHrEKQN8mbzKvYP2h/f6Ykncn81qd1QOYLgtjKHhfaeIDICyUQz240aj//It/Jq/UNUXb36PPH1q4U12bNUEvIxVXmnu8rJkBhD2Gm/zGTLg7j12B08PwqJzl//ATPYXW69DaEV7KmovxkISRDf0CRDmte2n/i97fFCxVoue88Obt/eSbI8ybDir2VNlnlDKw0qHa47+D5CcvcWN5atd2///dPaBUES/WiEe27VUuaw4huhizQuLnZRBh0A6lhd+DcQPHjhdK6dxGFRR1cTirwbcGMJT22Y62+z6QYLm8VYkoKWVh07VyzETphMKSPGmAhz8OiwUCvw+XLKUXaEbfXuGXHrLZ4fWIqNRlN62ijvkDE+qw2X/iTj+LuWzXM086VWlsNMbUxNw3M4xMzQtZ0IXYohvmsLxbjS1d6Y6D8XDL5h1gnf7HGs4xhlIiFmC6aSq6nGpOad2mQspjvarXlifh+tb5vkYJp49Mw6fMy52XLWqrkmy0WVdkE5quyNLXTaSEkEw4jH1ULLFSnRG+xd3T6SjZJUpn+n0Xt49A+p4OcSAAAAeJxjYGRgYOBmWMXAw9DEwMYA4iEACwMjAB5QAVEAAAAAAAAAADIAcgC3AO0BTwGpAfgCOwKTAvMAAQAAAAMC0YxEU5xfDzz1AAMD6AAAAADVg6qlAAAAAOWG1UT9rP5oBNwD4wAAAAYAAgAAAAAAAAJYAF4CUABGAGIAWQAOAFIANgAOAEwAGAApAAB4nGNgZGBgnvovg4GBZeLfNX/0WO4wv2BABUwAq60HNXicY2BhsmCcwMDKwMDUxRTBwMDgDaEZ4xiMGJ0YkAEjCo/B3d/fneEA5zPO98xT/2UwMDA/ZpwBU8UkwZQHpBQY2AAAiwvCAHicY2BgYGJgYGAGYhEgyQimWRgUgDQLEAL5nO///weSz/7//yYNlmcAAGF/B1QAAHiclZE9TsNAEIW/SQISEUKUiMqiCgUhBNFARUBKlyBApKEh/DhBiY1sp6DhAByAioKTcAIOxfN6LSVpEBqN9punmTfeNVDnjSpWWwM+lQUbO6oKrrDBt+cq5/x4rtG2Tc8rbFvH8ypNuy3YjHV791yhbh+et6R/cUbMC68kjAkZkRHQpqU8El1LedTZU1emDLhQZ8yz1HvXe8pM50haQqq64TwyeaYcs68I5Zx3zBjS1FTMVGrkHZ+UkSiVNpRrpP47JprZndt6JS1y/p2FnktVoZwnqhMO5d/iQHFCl76iKypdSo9Fh70lj793BksTN6ryu4/dTYK5r/jf5oGq8h8MRA/u1XruZaf5zC8taVTPeJxjYGYAg/9zGIwYsAAAKoMB0QAAAQAB//8ADwABAAAADAAAAAAAAAACAAEAAQAKAAEAAAABAAAACgAcAB4AAURGTFQACAAEAAAAAP//AAAAAAAAeJxjYGRgYOBisGCwYmB1cfMJYVBIyks3YtBKrizKYdBKL0rNZtDKSSzJY9BiYAGqZPj/nwEOAEnPCvIAeJxjYGRgZOBgYGJgYBABkyoMTOXpGSWMjAwM5SklGYxMQHkWoBwzUI6JgYlxApDaA2SD9DExSjCkMDAAAL4KBa8AAAA=) format('woff')} @font-face{font-family:TLD;font-weight:500;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: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} /* ---------- বোতাম, কার্ড, চিপ ---------- */ .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} .btn:hover{background:var(--gx)} .btn:active{transform:scale(.96)} .btn[disabled]{opacity:.6;pointer-events:none} .btn.s{background:#fff;color:var(--gd);border:1.5px solid #cfe7d8;box-shadow:none} .btn.s:hover{border-color:var(--g);background:var(--gl)} .btn.y{background:linear-gradient(135deg,#FFD23F,#F5B700);color:#3b2a00;box-shadow:0 8px 18px -10px rgba(245,183,0,.9)} .btn.y:hover{filter:brightness(1.04)} .btn.warn{background:linear-gradient(135deg,#F59E0B,#D97706);box-shadow:0 8px 18px -10px rgba(217,119,6,.9)} .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none} .btn.sm{height:38px;padding:0 15px;font-size:14px;border-radius:11px} .btn.big{height:52px;font-size:16px;border-radius:15px} .btn.w{width:100%} .btn.ic{width:46px;padding:0} .btn svg{width:18px;height:18px;flex:none} .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} .btn:not(.s):not(.ghost):hover:after{left:130%} .spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block} @keyframes spin{to{transform:rotate(360deg)}} .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)} .chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;padding:3px 10px;border-radius:99px;background:var(--gs);color:var(--gd);white-space:nowrap} .chip svg{width:13px;height:13px} .chip.y{background:#FEF3C7;color:#92400E}.chip.r{background:#FEE2E2;color:#B91C1C}.chip.b{background:#E0F2FE;color:#0369A1}.chip.n{background:#f1f5f9;color:var(--mut)} .chip.live:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:live 1.8s infinite} @keyframes live{70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}} .nw{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#F97316,#EF4444);padding:2px 7px;border-radius:6px;animation:nwPulse 2s ease-in-out infinite} html[lang=bn] .nw{text-transform:none;font-size:11px} @keyframes nwPulse{50%{box-shadow:0 0 0 4px rgba(249,115,22,.15)}} .vt{width:18px;height:18px;flex:none;display:inline-block;vertical-align:-3px} .note{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--mut);background:#f8fafc;border-radius:12px;padding:10px 12px;line-height:1.55} .note svg{width:17px;height:17px;flex:none;margin-top:2px} .note.w{background:#FFFBEB;color:#92400E} .note.ok{background:var(--gs);color:var(--gd)} .note.big{font-size:14.5px;font-weight:500;padding:12px 14px;animation:pop .4s var(--spring)} @keyframes pop{0%{transform:scale(.92);opacity:0}100%{transform:none;opacity:1}} .empty{padding:34px 18px;text-align:center;color:var(--mut);border:1.5px dashed #d5dde6;border-radius:var(--r);background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px} .empty b{display:block;color:var(--ink);font-size:16px} .empty .btn{margin-top:10px} .empty.sm{padding:22px 14px;border:0;background:none} .empty.big{margin:50px auto;max-width:460px;border:0;background:none} .lbl{font-size:12.5px;font-weight:600;color:var(--mut);margin:10px 2px 0;grid-column:1/-1} .back{display:inline-flex;align-items:center;gap:6px;margin:16px 0 4px;font-weight:600;font-size:14px;color:var(--gd)} .back svg{width:18px;height:18px} .hint{font-size:12.5px;color:var(--mut);margin-top:10px} .pre{white-space:pre-line;color:#334155} .skel{display:flex;flex-direction:column;gap:12px;padding:18px} .skel i{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,#eef2f6 25%,#f8fafc 50%,#eef2f6 75%);background-size:200% 100%;animation:sk 1.2s infinite} .skel i:nth-child(2){width:70%}.skel i:nth-child(3){width:45%} @keyframes sk{to{background-position:-200% 0}} /* ---------- পাতার মাথা, অংশ ---------- */ .pagehd{padding:22px 0 14px} .pagehd h1{font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.25} .pagehd h1 em,.st em{font-style:normal;color:var(--g)} .pagehd p{color:var(--mut);font-size:14px;margin-top:4px} .pagehd.c{text-align:center} .sec{padding:52px 0 6px} .sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px} .st{font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.01em} .ss{color:var(--mut);margin-top:4px;font-size:14.5px} .more-l{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--gd);white-space:nowrap;font-size:14.5px} .more-l svg{width:17px;height:17px;transition:transform .2s}.more-l:hover svg{transform:translateX(3px)} .more{display:flex;justify-content:center;margin:22px 0 10px} [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)} [data-rv].in,html:not(.js) [data-rv]{opacity:1;transform:none} /* ---------- হিরো ---------- */ .hero{position:relative;overflow:hidden;padding:46px 0 40px;background:radial-gradient(600px 300px at 10% 10%,rgba(126,217,87,.16),transparent 60%),radial-gradient(500px 300px at 90% 80%,rgba(245,183,0,.12),transparent 60%),linear-gradient(180deg,#f1faf4,#f4f6f8)} .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center} .hero-t{min-width:0} .kick{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--gd);background:#fff;border:1px solid #cfe7d8;padding:6px 13px;border-radius:99px;box-shadow:var(--sh)} .kick svg{width:16px;height:16px} .hero h1{font-size:44px;line-height:1.18;font-weight:700;letter-spacing:-.02em;margin:16px 0 12px} html[lang=bn] .hero h1{font-size:40px;line-height:1.3} .hero h1 em{font-style:normal;color:var(--g);position:relative} .hero p{font-size:17px;color:var(--mut);max-width:540px} .hero-f{display:flex;gap:10px;margin-top:24px;background:#fff;padding:8px;border-radius:18px;box-shadow:var(--sh2);max-width:560px} .hero-f label{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0;color:var(--gd)} .hero-f label svg{width:20px;height:20px;flex:none} .hero-f select{flex:1;min-width:0;height:48px;border:0;background:none;font-size:15.5px;color:var(--ink);outline:0;cursor:pointer} .hero-f .btn{height:50px} .hero-art{position:relative} .hero-art>svg{width:100%;height:auto;animation:float 6s ease-in-out infinite} @keyframes float{50%{transform:translateY(-8px)}} .call{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0A8550,#087443);color:#fff;padding:10px 26px 10px 10px;border-radius:99px;box-shadow:0 18px 34px -16px rgba(10,133,80,.9);white-space:nowrap;transition:transform .2s} .call:hover{transform:translateX(-50%) translateY(-2px)} .call .ph{position:relative;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center} .call .ph:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:ring 1.8s infinite} @keyframes ring{0%{transform:scale(.85);opacity:1}100%{transform:scale(1.35);opacity:0}} .call .ph svg{width:22px;height:22px;animation:shake 2.4s infinite} @keyframes shake{0%,90%,100%{transform:rotate(0)}92%,96%{transform:rotate(-14deg)}94%,98%{transform:rotate(14deg)}} .call small{display:block;font-size:11.5px;opacity:.85}.call strong{font-size:19px;letter-spacing:.02em} /* ---------- সংখ্যা ---------- */ .stats{padding:26px 0 0} .stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 12px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s} a.stat:hover{transform:translateY(-3px);box-shadow:var(--sh2)} .stat i{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#19A64A,#0A8550);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 10px 18px -10px rgba(10,133,80,.9)} .stat i svg{width:25px;height:25px} .stat b{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat b small{font-size:15px;color:var(--mut);font-weight:500} .stat span{font-size:13.5px;color:var(--mut)} .stat.live i{background:linear-gradient(135deg,#F97316,#EA580C)} .stat.live span:after{content:'';display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#ef4444;animation:live 1.8s infinite;vertical-align:1px} /* ---------- ক্লাসের রেল ---------- */ .rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 92%,transparent)} .rail::-webkit-scrollbar{display:none} .ccard{flex:none;width:200px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s} .ccard:hover{transform:translateY(-4px);box-shadow:var(--sh2)} .ccard svg{width:100%;height:auto;max-height:130px} .ccard b{font-size:15px;font-weight:600} .ccard span{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--gd)}.ccard span svg{width:15px;height:15px} /* ---------- ধাপ ---------- */ .steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative} .steps:before{content:'';position:absolute;top:42px;left:12%;right:12%;border-top:2px dashed #bfe3cc;z-index:0} .step{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px;text-align:center;box-shadow:var(--sh);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s} .step .n{position:absolute;top:10px;left:14px;font-size:13px;font-weight:700;color:#c3d3c9} .step i{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;background:var(--gs);color:var(--gd);display:flex;align-items:center;justify-content:center;transition:background .35s,color .35s,transform .35s var(--spring)} .step i svg{width:27px;height:27px} .step h3{font-size:16px;font-weight:600} .step p{font-size:13.5px;color:var(--mut);margin-top:4px} .step.on{border-color:#9fdcb5;box-shadow:0 18px 36px -20px rgba(10,133,80,.55);transform:translateY(-4px)} .step.on i{background:var(--gd);color:#fff;transform:scale(1.08)} .how-cta{display:flex;justify-content:center;margin-top:24px} /* ---------- টিউশন কার্ড ---------- */ .jl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .job{display:flex;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative} .job:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:#cfe7d8} .job:active{transform:scale(.99)} .job-l{width:118px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#ecfaf1,#d9f3e3);padding:14px 8px;border-right:1px dashed #c8e9d4} .job-l small{font-size:11.5px;color:var(--gd);font-weight:600;opacity:.8} .job-l b{font-size:21px;font-weight:700;color:var(--gx);line-height:1.2;font-variant-numeric:tabular-nums} .job-l em{font-style:normal;font-size:11.5px;color:var(--mut)} .job-r{flex:1;min-width:0;padding:13px 15px 12px;display:flex;flex-direction:column;gap:4px} .job-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .job-c{font-size:12.5px;font-weight:600;color:var(--gd);background:var(--gs);padding:2px 9px;border-radius:7px} .job h3{font-size:15.5px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .job p,.job-f>span:first-child{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);min-width:0} .job p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .job svg{width:15px;height:15px;flex:none} .job-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px} .job-f em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mut2)} .job.taken{opacity:.7}.job.taken .job-l{background:#f1f5f9;border-color:#e2e8f0}.job.taken .job-l b{color:var(--mut)} /* ---------- ফিল্টার ---------- */ .flt{display:flex;gap:8px;margin-bottom:16px;background:#fff;padding:8px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh);position:sticky;top:calc(var(--hd) + 8px);z-index:20} .flt label{flex:1;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:11px;background:#f6f8fa;min-width:0} .flt label svg{width:16px;height:16px;color:var(--gd);flex:none} .flt select{flex:1;min-width:0;height:42px;border:0;background:none;font-size:14px;outline:0;cursor:pointer} .flt .btn{height:42px} /* ---------- একটি টিউশন ---------- */ .jd{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding:8px 0 40px} .jd-main{padding:24px} .jd-meta{display:flex;gap:6px;flex-wrap:wrap} .jd h1{font-size:25px;font-weight:700;line-height:1.35;margin:14px 0 16px} .jd h2{font-size:16.5px;font-weight:600;margin:22px 0 6px} .kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .kv>div{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;background:#f8fafb;border-radius:13px;min-width:0} .kv i{width:34px;height:34px;flex:none;border-radius:10px;background:#fff;color:var(--gd);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(15,23,42,.06)} .kv i svg{width:17px;height:17px} .kv small{display:block;font-size:12px;color:var(--mut)} .kv b{font-size:14.5px;font-weight:600;overflow-wrap:anywhere} .jd-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px;padding-top:16px;border-top:1px solid #eef2f6} .applied-n{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--mut);font-weight:500}.applied-n svg{width:18px;height:18px;color:var(--gd)} .jd-side{padding:22px;position:sticky;top:calc(var(--hd) + 16px)} .jd-sal{display:flex;align-items:baseline;gap:6px;margin-bottom:14px} .jd-sal b{font-size:32px;font-weight:700;color:var(--gx);font-variant-numeric:tabular-nums} .jd-sal span{color:var(--mut)} .jd-act{display:flex;flex-direction:column;gap:10px} /* ---------- টিউটর কার্ড ---------- */ .tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .tc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 12px 16px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s;min-width:0} .tc:hover{transform:translateY(-4px);box-shadow:var(--sh2)} .tc b{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15.5px;max-width:100%}.tc b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tc small{font-size:12.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;line-height:1.3} .tc-p{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--mut)}.tc-p svg{width:13px;height:13px} .thx{width:92px;height:92px;padding:3px;background:linear-gradient(135deg,#cbd5e1,#94a3b8);-webkit-clip-path:var(--hx);clip-path:var(--hx);margin-bottom:4px;flex:none} .thx.v{background:linear-gradient(135deg,#7ED957,#19A64A 45%,#0A8550)} .thx.y{background:linear-gradient(135deg,#FFE27A,#F5B700 40%,#FF8A00 75%,#FFD86B)} .thx.b{background:linear-gradient(135deg,#7DD3FC,#2563EB 60%,#1D4ED8)} .thx img,.thx .av{width:100%;height:100%;object-fit:cover} .thx .av{font-size:30px} .hirebar{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;margin-bottom:16px;background:linear-gradient(135deg,#FFF8EA,#fff);border-color:#FDE7C2} .hirebar .tm{width:56px;height:56px} .hirebar span{flex:1;min-width:0}.hirebar b{display:block;font-size:15px;font-weight:600}.hirebar small{font-size:13px;color:var(--mut)} .hirebar>svg{width:20px;height:20px;color:var(--gd);flex:none} /* ---------- টিউটরের প্রোফাইল ---------- */ .pf{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0 40px} .pf-side{padding:0 22px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:sticky;top:calc(var(--hd) + 16px);overflow:hidden} .pf-cov{align-self:stretch;height:84px;margin:0 -22px -52px;background:radial-gradient(300px 120px at 20% 0,rgba(255,255,255,.35),transparent),linear-gradient(135deg,#19A64A,#0A8550)} .pf-side .thx{width:116px;height:116px;position:relative} .pf-side h1{font-size:22px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:1.3} .pf-side .vt{width:22px;height:22px} .pf-sub{font-size:13.5px;color:var(--mut)} .pf-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%;margin:8px 0} .pf-facts div{background:#f6f8fa;border-radius:12px;padding:10px 4px} .pf-facts b{display:block;font-size:16px;font-weight:700;color:var(--gx)}.pf-facts span{font-size:11.5px;color:var(--mut)} .pf-cta{display:flex;gap:8px;width:100%;margin-top:4px}.pf-cta .btn.w{flex:1} .pf-main{display:flex;flex-direction:column;gap:16px} .pf-main .card{padding:22px} .pf-main h2{font-size:17px;font-weight:600;margin-bottom:12px} .tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px} .edu{list-style:none;display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px} .edu:before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#e2e8f0} .edu li{position:relative;padding:6px 0 12px} .edu li:before{content:'';position:absolute;left:-20px;top:11px;width:12px;height:12px;border-radius:50%;background:#fff;border:2.5px solid #cbd5e1} .edu li.now:before{border-color:var(--g);background:var(--gs)} .edu span{display:block;font-size:12.5px;color:var(--mut)}.edu b{font-weight:600;font-size:14.5px} /* ---------- হোম: লগইন করা ---------- */ .hi{padding:22px 0 6px;background:linear-gradient(180deg,#eef9f2,var(--bg) 85%)} .hi>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch} .hi.g>.wrap{grid-template-columns:1fr} .hi-in,.gcard{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:12px} .hi-in:after{content:'';position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(126,217,87,.18),transparent 70%)} .hi-who{display:flex;align-items:center;gap:14px} .hi-hx{width:70px;height:70px;flex:none;padding:3px;-webkit-clip-path:var(--hx);clip-path:var(--hx);background:linear-gradient(135deg,#cbd5e1,#94a3b8)} .hi-hx.b-g{background:linear-gradient(135deg,#7ED957,#19A64A 45%,#0A8550)}.hi-hx.b-b{background:linear-gradient(135deg,#7DD3FC,#2563EB 60%,#1D4ED8)}.hi-hx.b-y{background:linear-gradient(135deg,#FFE27A,#F5B700 40%,#FF8A00 75%,#FFD86B)} .hi-hx .av{width:100%;height:100%;font-size:26px} .date{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--mut);background:#f8fafc;border:1px solid var(--line);padding:3px 11px;border-radius:99px} .date svg{width:14px;height:14px;color:#F59E0B} .hi h1{font-size:25px;font-weight:700;line-height:1.3;margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .hi h1 em{font-style:normal;color:var(--g)} .hi h1 .vt{width:22px;height:22px} .hi-msg{font-size:15px;color:#334155}.hi-msg b{color:var(--gd)} .hi-msg.w{background:#FFFBEB;color:#92400E;padding:10px 12px;border-radius:12px}.hi-msg.w b{color:inherit} .hi-cta{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1} .glance{padding:16px} .glance-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .glance-h b{font-size:15px;font-weight:600} .glance-g{display:grid;grid-template-columns:1fr 1fr;gap:10px} .gl{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:15px;border:1px solid var(--line);background:#fbfcfd;transition:transform .2s,box-shadow .2s;min-width:0;opacity:0;transform:translateY(10px)} .glance.in .gl{opacity:1;transform:none;transition:opacity .4s var(--ease),transform .5s var(--spring)} .glance.in .gl:nth-child(2){transition-delay:.06s}.glance.in .gl:nth-child(3){transition-delay:.12s}.glance.in .gl:nth-child(4){transition-delay:.18s} .gl:hover{box-shadow:var(--sh2)} .gl i{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.gl i svg{width:18px;height:18px} .gl.g1 i{background:#DCFCE7;color:#15803D}.gl.g2 i{background:#DBEAFE;color:#1D4ED8}.gl.g3 i{background:#FEF3C7;color:#B45309}.gl.g4 i{background:#F3E8FF;color:#7E22CE} .gl b{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gl span{font-size:13px;font-weight:600}.gl small{font-size:11.5px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gl-t{width:24px;height:24px} .blur{filter:blur(7px);transition:filter .3s;cursor:pointer;user-select:none} .show.blur,.blur.show{filter:none} .gtrk small{font-size:12.5px;font-weight:600;color:var(--gd)} .gtrk>b{display:block;font-size:17px;font-weight:600} .gtrk p{font-size:14px;color:var(--mut)} .trk{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 8px;position:relative} .trk:before{content:'';position:absolute;top:12px;left:12.5%;right:12.5%;height:3px;background:#e2e8f0;border-radius:2px} .trk:after{content:'';position:absolute;top:12px;left:12.5%;height:3px;width:calc(var(--k) * 25%);background:var(--g);border-radius:2px;transition:width .8s var(--ease)} .trk span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--mut);text-align:center} .trk i{width:26px;height:26px;border-radius:50%;background:#fff;border:2.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#fff} .trk i svg{width:14px;height:14px} .trk .dn i{background:var(--g);border-color:var(--g)} .trk .cur i{border-color:var(--g);box-shadow:0 0 0 5px rgba(22,163,74,.15);background:#fff;animation:live 1.8s infinite} .trk .cur i:after{content:'';width:9px;height:9px;border-radius:50%;background:var(--g)} .trk .dn,.trk .cur{color:var(--ink);font-weight:500} .tl.rowx{grid-template-columns:repeat(4,minmax(0,1fr))} .mini-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .mf{padding:16px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s} .mf:hover{transform:translateY(-3px);box-shadow:var(--sh2)} .mf-a{display:flex;align-items:center;gap:8px}.mf-a .av{width:30px;height:30px}.mf-a b{display:flex;align-items:center;gap:3px;font-size:13.5px;font-weight:600}.mf-a .vt{width:15px;height:15px} .mf p{font-size:14px;color:#334155;flex:1} .mf small{display:flex;align-items:center;gap:4px;color:var(--mut);font-size:12.5px}.mf small svg{width:14px;height:14px} /* ---------- টিউটর জোন, কেন, রিভিউ, প্রশ্ন ---------- */ .tz{margin-top:56px;padding:46px 0;background:radial-gradient(500px 240px at 90% 0,rgba(126,217,87,.25),transparent 60%),linear-gradient(135deg,#0A8550,#065f3b);color:#fff} .tz .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center} .tz-h h2{font-size:32px;font-weight:700;line-height:1.25}.tz-h h2 em{font-style:normal;color:#FCD34D} .tz-h p{opacity:.85;margin:8px 0 18px;font-size:15.5px} .tsteps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .tsteps .step{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none;color:#fff;padding:18px 10px} .tsteps .step svg{width:30px;height:30px;margin:4px auto 8px;color:#bbf7d0} .tsteps .step .n{color:rgba(255,255,255,.4)} .tsteps .step h3{font-size:14px} .tsteps .step.on{background:#fff;color:var(--ink);transform:translateY(-4px)}.tsteps .step.on svg{color:var(--gd)} .why-g{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:center} .why{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .wc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh);transition:transform .2s} .wc:hover{transform:translateY(-3px)} .wc i{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);display:flex;align-items:center;justify-content:center;margin-bottom:10px} .wc i svg{width:24px;height:24px} .wc h3{font-size:16px;font-weight:600}.wc p{font-size:13.5px;color:var(--mut);margin-top:2px} .marq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding:6px 0 14px} .marq-t{display:flex;gap:16px;width:max-content;animation:marq 60s linear infinite} .marq:hover .marq-t{animation-play-state:paused} @keyframes marq{to{transform:translateX(calc(-50% - 8px))}} .rc{width:340px;flex:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:10px} .rc.t{background:linear-gradient(180deg,#FFFDF5,#fff)} .rc-h{display:flex;justify-content:space-between;align-items:center} .rc-s{color:#F5B700;letter-spacing:2px} .rc blockquote{font-size:14px;color:#334155;line-height:1.65;flex:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} .rc figcaption{display:flex;align-items:center;gap:10px} .rc figcaption .av{width:40px;height:40px;font-size:16px} .rc figcaption b{display:block;font-size:14px;font-weight:600}.rc figcaption small{font-size:12px;color:var(--mut)} .faq-l{display:flex;flex-direction:column;gap:10px;max-width:820px} .faq-l details{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);overflow:hidden} .faq-l summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:600;cursor:pointer} .faq-l summary::-webkit-details-marker{display:none} .faq-l summary i{width:30px;height:30px;flex:none;border-radius:50%;background:var(--gs);color:var(--gd);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease)} .faq-l summary i svg{width:16px;height:16px} .faq-l details[open] summary i{transform:rotate(45deg);background:var(--gd);color:#fff} .faq-l p{padding:0 18px 16px;color:var(--mut);font-size:14.5px} /* ---------- ফর্ম ---------- */ .auth-w{padding:26px 16px 40px;display:flex;justify-content:center;background:radial-gradient(500px 260px at 50% 0,rgba(126,217,87,.14),transparent 70%)} .auth{width:100%;max-width:460px;padding:24px 26px 26px} .auth-w.wide .auth{max-width:620px} .auth>.bgs{margin-bottom:14px} .auth h1{font-size:24px;font-weight:700;margin-bottom:4px} .auth .sub{color:var(--mut);font-size:14px;margin-bottom:14px} .auth form{margin-top:12px} .auth.shake{animation:shk .4s} @keyframes shk{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}} .fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0} .fld>label{font-size:13.5px;font-weight:500;display:flex;justify-content:space-between} .fld>label a{color:var(--gd);font-weight:600;font-size:13px} .fld input,.fld select,.fld textarea{height:50px;border:1.5px solid #dbe3eb;border-radius:13px;padding:0 14px;background:#fff;font-size:15.5px;transition:border-color .2s,box-shadow .2s;width:100%;min-width:0} .fld textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical} .fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(22,163,74,.12)} .fld .hint{font-size:12.5px;color:var(--mut);margin:0} .pw{position:relative}.pw input{padding-right:50px} .pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:10px;color:var(--mut2);display:flex;align-items:center;justify-content:center}.pw button svg{width:20px;height:20px}.pw button.on{color:var(--gd)} .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} .role{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px} .role label{cursor:pointer} .role input{position:absolute;opacity:0;pointer-events:none} .role span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border:1.5px solid var(--line);border-radius:16px;text-align:center;transition:.2s} .role span svg{width:32px;height:32px;color:var(--gd);margin-bottom:4px} .role b{font-weight:600;font-size:14.5px}.role small{font-size:12px;color:var(--mut)} .role input:checked+span{border-color:var(--g);background:var(--gs);box-shadow:0 0 0 4px rgba(22,163,74,.12);transform:translateY(-2px)} .seg{display:flex;gap:6px;flex-wrap:wrap} .seg label{flex:1;cursor:pointer;min-width:52px} .seg input{position:absolute;opacity:0;pointer-events:none} .seg span{display:flex;align-items:center;justify-content:center;height:46px;border:1.5px solid #dbe3eb;border-radius:12px;font-weight:600;font-size:14.5px;transition:.2s} .seg input:checked+span{border-color:var(--g);background:var(--gd);color:#fff;box-shadow:0 6px 14px -8px rgba(10,133,80,.8)} .err{color:#b91c1c;font-size:13.5px;background:#FEF2F2;border:1px solid #FECACA;border-radius:11px;padding:9px 12px;margin:8px 0 4px} .err:empty{display:none} .alt{text-align:center;margin-top:16px;font-size:14px;color:var(--mut)} .alt a{color:var(--gd);font-weight:600} .otp{letter-spacing:.5em;text-align:center;font-size:22px!important;font-weight:600} .done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 0} .done b{font-size:21px}.done span{color:var(--mut)}.done .btn{margin-top:12px} .chk{display:flex;flex-wrap:wrap;gap:8px} .chk label{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--line);border-radius:99px;font-size:13.5px;cursor:pointer;background:#fff;white-space:nowrap;transition:.15s} .chk input,.fld .chk input{accent-color:var(--g);width:16px;height:16px;flex:none;padding:0;margin:0} .chk label:has(input:checked){border-color:var(--g);background:var(--gs);color:var(--gd)} .tg{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;margin:6px 0 4px} .tg input{position:absolute;opacity:0} /* ---------- নিজের পাতা: ড্যাশবোর্ড ---------- */ .db{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:22px 0 50px;max-width:960px;margin:0 auto} .db>.card,.db section.card{padding:20px} .db .full{grid-column:1/-1} .db h2{font-size:16.5px;font-weight:600} .card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px} .db>h2{margin-bottom:12px} .db .skel.card{grid-column:1/-1;min-height:120px} .dh{display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden} .dh:before{content:'';position:absolute;left:0;right:0;top:0;height:70px;background:linear-gradient(135deg,#ecfaf1,#fff)} .dh>*{position:relative} .dh-top{display:flex;align-items:center;gap:14px} .dh-top .thx{width:78px;height:78px;margin:0} .dh-n{min-width:0} .dh-n h1{font-size:21px;font-weight:700;display:flex;align-items:center;gap:6px;line-height:1.3} .dh-n p{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:5px} .pub{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--gd)}.pub svg{width:14px;height:14px} .ring{position:relative;width:86px;height:86px;flex:none} .ring svg{width:86px;height:86px;transform:rotate(-90deg)} .ring circle{fill:none;stroke-width:8} .ring .t{stroke:#e2e8f0}.ring .f{stroke:var(--g);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)} .ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700} .prog{display:flex;gap:16px;align-items:center} .prog>div b{font-size:15px;font-weight:600} .miss{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .miss .chip{transition:.15s}.miss .chip:hover{background:var(--gs);color:var(--gd)} .wcard{position:relative;overflow:hidden;border-radius:22px;padding:20px;color:#fff;background:radial-gradient(400px 200px at 100% 0,rgba(126,217,87,.35),transparent 60%),radial-gradient(300px 160px at 0 100%,rgba(245,183,0,.2),transparent 60%),linear-gradient(135deg,#0A8550,#064e32);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;box-shadow:0 20px 40px -24px rgba(6,78,50,.9)} .wcard:after{content:'৳';position:absolute;right:16px;bottom:-30px;font-size:140px;font-weight:700;opacity:.06;line-height:1} .wcard small{opacity:.85;font-size:13px} .wcard-a{display:flex;gap:8px;position:relative;z-index:1} .wc-n{font-size:13px;opacity:.8;max-width:240px} .tap{margin-top:6px;display:flex;align-items:center;height:44px;padding:0 18px;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:600;min-width:210px;position:relative;overflow:hidden;font-size:14px} .tap b{position:absolute;inset:0;display:flex;align-items:center;padding:0 18px;font-size:21px;opacity:0;transform:translateY(10px);transition:.35s var(--spring);font-variant-numeric:tabular-nums} .tap span{transition:.25s} .tap.show span{opacity:0;transform:translateY(-10px)}.tap.show b{opacity:1;transform:none} .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 10px;text-align:center;box-shadow:var(--sh);transition:transform .2s} .kpi:active{transform:scale(.97)} .kpi b{display:block;font-size:24px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums} .kpi span{font-size:12.5px;color:var(--mut)} .kpi.k-shortlist b{color:#2563EB}.kpi.k-confirmed b{color:var(--gd)}.kpi.k-pending b{color:#B45309} .todo{padding:16px;border-color:#fde68a;background:linear-gradient(180deg,#FFFBEB,#fff);display:flex;flex-direction:column;gap:10px} .al{display:flex;flex-direction:column;gap:10px} .ai{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;border:1px solid #edf1f5;background:#fbfcfd;transition:border-color .2s} .ai b{font-size:14.5px;font-weight:600} .ai small{display:block;color:var(--mut);font-size:12.5px} .app-r,.lead{flex-direction:column;align-items:stretch;gap:8px} .ai-t{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ai-t a{color:var(--ink)} .ai-m a,.ai-m b a{color:var(--gd);font-weight:600}.ai-m em{font-style:normal;font-weight:600;color:#B45309}.ai-m em.due{color:#B91C1C} .ai-pay{display:flex;gap:6px;flex-wrap:wrap} .mini-trk{display:grid;grid-template-columns:repeat(3,1fr);gap:4px} .mini-trk i{height:4px;border-radius:2px;background:#e2e8f0}.mini-trk i.on{background:var(--g)} .s-shortlist .mini-trk i.on{background:#3B82F6}.s-cancelled,.s-left{opacity:.7} .tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px} .tabs::-webkit-scrollbar{display:none} .tabs button,.tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:500;color:var(--ink);transition:.15s} .tabs button.on,.tabs a.on{background:var(--gd);color:#fff;border-color:var(--gd)} .badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px} .bdg{position:relative;padding:20px 14px 16px;border-radius:18px;border:1.5px solid var(--line);text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;background:#fff;transition:transform .2s} .bdg:hover{transform:translateY(-3px)} .bdg-g{background:linear-gradient(180deg,#F0FDF4,#fff)}.bdg-b{background:linear-gradient(180deg,#EFF6FF,#fff)}.bdg-y{background:linear-gradient(180deg,#FFFBEB,#fff)} .bdg.pop{border-color:#2563EB;box-shadow:0 16px 30px -18px rgba(37,99,235,.7)} .bdg.pop:before{content:attr(data-pop);position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#2563EB;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:99px;white-space:nowrap} .bdg svg.vt{width:40px;height:40px;filter:drop-shadow(0 6px 10px rgba(15,23,42,.15))} .bdg b{font-size:15px} .bdg .pr{font-size:26px;font-weight:700} .bdg ul{list-style:none;font-size:12.5px;color:var(--mut);text-align:left;display:flex;flex-direction:column;gap:3px;margin:4px 0 6px;width:100%} .bdg li:before{content:'✓ ';color:var(--g);font-weight:700} .bdg.have{border-color:var(--g);box-shadow:0 0 0 3px var(--gs)} .cta-card{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 10px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#19A64A,#0A8550);box-shadow:0 18px 34px -20px rgba(10,133,80,.9);transition:transform .2s} .cta-card:active{transform:scale(.98)} .cta-card .tm{width:60px;height:60px;background:rgba(255,255,255,.18);border-radius:50%} .cta-card span{flex:1}.cta-card b{display:block;font-size:17px}.cta-card small{opacity:.88;font-size:13px} .cta-card i{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--gd);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:24px;font-weight:600} /* প্রোফাইল */ .pfh{display:flex;align-items:center;gap:14px} .pfh-ph{position:relative;width:84px;height:84px;margin:0} .pfh-ph i{position:absolute;right:6px;bottom:8px;width:26px;height:26px;border-radius:50%;background:var(--gd);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff} .pfh-ph i svg{width:14px;height:14px} .pfh-n{flex:1;min-width:0}.pfh-n h1{font-size:20px;font-weight:700}.pfh-n p{color:var(--mut);font-size:13.5px} .pform{display:flex;flex-direction:column;gap:12px} .acc{padding:0;overflow:hidden} .acc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:16px 18px;cursor:pointer;font-size:15.5px} .acc summary::-webkit-details-marker{display:none} .acc summary>i{width:30px;height:30px;border-radius:9px;background:var(--gs);color:var(--gd);font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px} .acc summary b{flex:1;font-weight:600} .acc summary>svg{width:18px;height:18px;color:var(--mut2);transition:transform .25s} .acc[open] summary>svg{transform:rotate(90deg)} .acc-s{font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px} .acc-s.w{background:#FEF3C7;color:#92400E}.acc-s.ok{background:var(--gs);color:var(--gd);padding:3px 5px}.acc-s.ok svg{width:14px;height:14px} .acc-b{padding:4px 18px 18px;border-top:1px solid #eef2f6;padding-top:16px;animation:pgIn .3s var(--ease)} .edu-f{border:1px solid var(--line);border-radius:14px;padding:12px 12px 0;margin-bottom:12px} .edu-f legend{padding:0 6px;font-weight:600;font-size:14px} .up{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px dashed #cbd5e1;border-radius:14px;margin-bottom:10px} .up.done{border-style:solid;border-color:#bbf7d0;background:var(--gl)} .up b{font-size:14px}.up small{display:block;color:var(--mut);font-size:12.5px} .up .btn{margin-left:auto} .hint.lock{margin:0 0 12px} .savebar{position:sticky;bottom:calc(var(--bb) + 8px + var(--safe));z-index:10;background:rgba(244,246,248,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 0;border-radius:16px} /* ওয়ালেট */ .amts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0} .amts input{position:absolute;opacity:0} .amts span{display:flex;align-items:center;justify-content:center;height:50px;border:1.5px solid var(--line);border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s} .amts input:checked+span{border-color:var(--g);background:var(--gs);color:var(--gd);box-shadow:0 0 0 3px rgba(22,163,74,.12)} .pay-l{display:flex;gap:6px;justify-content:center;margin-top:10px} .pay-l span{font-size:11.5px;font-weight:600;color:var(--mut);background:#f1f5f9;padding:3px 10px;border-radius:7px} .led-r{gap:12px} .led-r>i{width:36px;height:36px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700} .led-r>i.p{background:#DCFCE7;color:#15803D}.led-r>i.m{background:#FEE2E2;color:#B91C1C} .led-r>span:not(.amt){flex:1;min-width:0} .led-r .amt{text-align:right} .led .ai b.p{color:var(--gd)}.led .ai b.m{color:#b91c1c} /* নোটিফিকেশন */ .nt{justify-content:flex-start;gap:12px} .nt.unread{background:var(--gl);border-color:#cfe7d8}.nt.unread b{font-weight:600} .nt b{font-weight:500} .nt-i{width:42px;height:42px;flex:none;border-radius:50%;background:#FFF3DC;display:flex;align-items:center;justify-content:center;overflow:hidden;font-style:normal} .nt-i .tm{width:46px;height:46px;margin-top:8px} .nt-i.job{background:var(--gs);color:var(--gd);font-weight:700;font-size:18px} /* মডাল (বন্ধুকে আমন্ত্রণ) */ .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;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} .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} /* ---------- নিউজফিড ---------- */ .seg-t{display:flex;gap:4px;padding:4px;margin:18px 0 0;background:#e9eef3;border-radius:14px;width:max-content} .seg-t a{display:flex;align-items:center;gap:7px;height:38px;padding:0 18px;border-radius:11px;font-weight:600;font-size:14px;color:var(--mut);transition:.2s} .seg-t a svg{width:17px;height:17px} .seg-t a.on{background:#fff;color:var(--gd);box-shadow:0 2px 6px rgba(15,23,42,.08)} .feed{max-width:680px;padding-bottom:50px} .feed-cats{margin:4px 0 14px} .feed-l{display:flex;flex-direction:column;gap:14px} .feed-note{margin-bottom:14px}.feed-note a{color:var(--gd);font-weight:600} .feed-earn{font-size:13px;color:var(--mut);margin:-6px 2px 14px} .feed-h2{font-size:17px;font-weight:600;margin:26px 0 12px} .compose{padding:14px;margin-bottom:14px} .compose-h{display:flex;gap:8px;align-items:flex-start}.compose-h .tm{width:44px;height:44px} .compose textarea{flex:1;width:100%;min-height:96px;border:1.5px solid #dbe3eb;border-radius:14px;padding:12px;font-size:15px;resize:vertical;font-family:inherit} .compose textarea:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 4px rgba(22,163,74,.12)} .compose-f{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap} .compose-f select{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:14px;background:#fff;max-width:170px} .compose-f small{flex:1;color:var(--mut);font-size:12.5px;min-width:60px} .compose-img{position:relative;margin-top:10px}.compose-img img{width:100%;max-height:320px;object-fit:cover;border-radius:12px} .compose-img button{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(15,23,42,.7);color:#fff;font-size:18px} .post{padding:16px} .post-h{display:flex;gap:10px;align-items:center;margin-bottom:10px} .post-h .av{width:42px;height:42px;font-size:16px} .post-h b{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px}.post-h b a,.post-h b span{color:var(--ink)} .post-h small{display:block;color:var(--mut);font-size:12.5px}.post-h small a{color:var(--mut)} .post-b{font-size:15.5px;line-height:1.75;overflow-wrap:anywhere}.post-b a{color:var(--gd)} .post-more{font-weight:600} .post-img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:14px;margin-top:12px;background:#f1f5f9} .post-f{display:flex;align-items:center;gap:4px;margin-top:12px;padding-top:10px;border-top:1px solid #eef2f6;flex-wrap:wrap} .pbtn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px;border-radius:9px;border:0;background:none;color:var(--mut);font-size:13.5px} .pbtn svg{width:17px;height:17px;transition:transform .3s var(--spring)}button.pbtn:hover,a.pbtn:hover{background:#f1f5f9} .pbtn.on{color:#e11d48}.pbtn.on svg{fill:#e11d48;stroke:#e11d48} .pbtn.pulse svg{transform:scale(1.35)} .pbtn.r{margin-left:auto;color:#94a3b8}.pbtn.r+.pbtn.r{margin-left:0} .post-au{display:flex;gap:12px;align-items:center;padding:14px;margin-top:14px;color:inherit} .post-au .av{width:52px;height:52px;font-size:20px}.post-au small{display:block;color:var(--mut);font-size:12px} .post-au b{display:flex;align-items:center;gap:4px;font-weight:600}.post-au span{font-size:13px;color:var(--gd);font-weight:600} /* শপ */ .prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px} .prod{display:flex;flex-direction:column;overflow:hidden;color:inherit;transition:transform .15s,box-shadow .15s} .prod:hover{transform:translateY(-3px);box-shadow:var(--sh2)} .prod img,.prod-ph{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8} .prod-ph svg{width:40px;height:40px} .prod>div{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1} .prod small{font-size:12px;color:var(--mut)}.prod b{font-weight:600;font-size:15px;line-height:1.35} .prod p{font-size:13px;color:var(--mut);margin:0} .prod-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px} .prod-f span{font-weight:700;color:var(--gd)}.prod-f i{font-style:normal;font-weight:600;font-size:13.5px;color:var(--gd)} .disc{margin:18px 0 40px} /* ---------- বার্তা + বাঘু ---------- */ body.full .ft{display:none} .chat-w{max-width:760px;padding:18px 0 24px} .chat{display:flex;flex-direction:column;height:calc(100vh - var(--hd) - 44px);min-height:460px;overflow:hidden} .chat-h{display:flex;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #eef2f6;background:linear-gradient(180deg,#FFF8EA,#fff)} .chat-av{width:46px;height:46px;border-radius:50%;background:#FFF3DC;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none} .chat-av .tm{width:52px;height:52px;margin-top:10px} .chat-h b{font-weight:600}.chat-h small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)} .on-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;flex:none;animation:live 1.8s infinite} .chat-l{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f6f8fa} .msg{display:flex;gap:8px;max-width:88%;animation:msgIn .3s var(--ease)} @keyframes msgIn{from{opacity:0;transform:translateY(8px)}} .msg>div{padding:10px 13px;border-radius:16px;font-size:14.5px;line-height:1.6;background:#fff;border:1px solid #eef2f6;overflow-wrap:anywhere} .msg-av{width:32px;height:32px;flex:none;border-radius:50%;background:#FFF3DC;overflow:hidden;display:flex;justify-content:center;align-self:flex-end} .msg-av .tm{width:38px;height:38px;margin-top:5px} .msg.me{align-self:flex-end}.msg.me>div{background:var(--gd);color:#fff;border-color:var(--gd);border-bottom-right-radius:5px} .msg.bg>div,.msg.st>div{border-bottom-left-radius:5px}.msg.st>div{background:#EFF6FF;border-color:#bfdbfe} .msg small{display:block;font-size:11.5px;font-weight:600;color:#1d4ed8;margin-bottom:2px} .msg>div>i{display:block;font-style:normal;font-size:11px;opacity:.65;margin-top:3px;text-align:right} .msg-a{display:inline-block;margin-top:8px;font-weight:600;color:var(--gd)} .msg .msg-n{color:var(--mut);font-weight:400;margin-top:6px} .typing>div{display:flex;gap:4px;padding:14px} .typing>div i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;animation:typ 1s infinite} .typing>div i:nth-child(2){animation-delay:.15s}.typing>div i:nth-child(3){animation-delay:.3s} @keyframes typ{50%{transform:translateY(-4px);background:#94a3b8}} .chat-q{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 0;scrollbar-width:none} .chat-q::-webkit-scrollbar{display:none} .chip-q{flex:none;border:1px solid #cfe7d8;background:var(--gs);color:var(--gd);border-radius:99px;padding:7px 13px;font-size:13px;font-weight:500;transition:.15s} .chip-q:active{transform:scale(.95)} .chat-f{display:flex;gap:8px;padding:10px 12px 12px;align-items:flex-end} .chat-f textarea{flex:1;min-width:0;border:1.5px solid #dbe3eb;border-radius:14px;padding:11px 13px;font-size:15px;font-family:inherit;resize:none;max-height:140px} .chat-f .btn{width:46px;height:46px;padding:0;border-radius:50%} /* ---------- সাধারণ পাতা ---------- */ .prose{padding:24px;display:flex;flex-direction:column;gap:16px;line-height:1.8} .rules{list-style:none;display:flex;flex-direction:column;gap:10px;padding-bottom:30px} .rules li{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--sh)} .rules li b{width:30px;height:30px;flex:none;border-radius:50%;background:var(--gs);color:var(--gd);display:flex;align-items:center;justify-content:center;font-weight:700} .contact-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:30px} .contact-g .card{padding:18px;display:flex;flex-direction:column;gap:3px;transition:transform .2s} .contact-g a.card:hover{transform:translateY(-3px)} .contact-g svg{width:26px;height:26px;color:var(--gd);margin-bottom:6px} .contact-g span{color:var(--mut);font-size:14px;overflow-wrap:anywhere} .vids{display:flex;flex-direction:column;gap:18px;padding-bottom:30px} .vid{overflow:hidden}.vid p{padding:14px 18px;font-weight:600} .yt{display:block;width:100%;aspect-ratio:16/9;background:#0f172a center/cover;position:relative} .yt span{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;color:#DC2626;transition:transform .2s} .yt:hover span{transform:scale(1.08)}.yt span svg{width:34px;height:34px} .yt-f{width:100%;aspect-ratio:16/9;border:0;display:block} .gl.g4 b{font-size:17px;padding:4px 0 3px} .seg label,.role label,.amts label{position:relative}.seg input,.role input,.amts input,.tg input{left:0;top:0;width:1px;height:1px} .hi-bg{position:absolute;right:18px;bottom:6px;z-index:0;opacity:.95} /* ===== টিউটর হাব — আগের সাইটের মতো আড়াআড়ি কার্ড ===== */ .hsr{display:flex;align-items:center;gap:6px;max-width:420px;margin:0 0 12px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:5px 5px 5px 14px;transition:border-color .2s,box-shadow .2s} .hsr:focus-within{border-color:var(--g);box-shadow:0 0 0 3px var(--gs,#E9F7EE)} .hsr input{flex:1;min-width:0;height:38px;border:0;outline:0;background:none;font-size:15px} .hsr button{flex:none;width:40px;height:38px;border:0;border-radius:10px;background:var(--gd,#0A8550);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} .hsr button svg{width:18px;height:18px} .bgbar{display:flex;align-items:center;gap:8px;margin:4px 0 16px} .bgbar .tm,.bgbar svg:first-child{flex:none} .bgbar p{position:relative;margin:0;background:#FFFBEB;border:1.5px solid #FDE68A;border-radius:14px;padding:8px 32px 8px 14px;font:500 14px/1.45 TLD,'Hind Siliguri','Noto Sans Bengali',sans-serif;color:#3b2a14} .bgbar p:before{content:'';position:absolute;left:-7px;top:50%;width:12px;height:12px;background:#FFFBEB;border-left:1.5px solid #FDE68A;border-bottom:1.5px solid #FDE68A;transform:translateY(-50%) rotate(45deg)} .bgbar button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:0;background:none;color:#94a3b8;font-size:18px;line-height:1;cursor:pointer} .tl2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .tc2{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 14px 16px 16px;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0} .tc2:hover{border-color:#bfe3cc;box-shadow:0 12px 26px -16px rgba(15,23,42,.3);transform:translateY(-2px)} .tc2 .thx{flex:none;width:64px;height:64px} .tc2-b{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px} .tc2-b b{display:flex;align-items:center;gap:5px;max-width:100%;font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.25} .tc2-b b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tc2-v{flex:none;display:flex} .tc2-b small{max-width:100%;font-size:14px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-3px} .tc2-c{display:flex;flex-wrap:wrap;gap:6px} .tc2-c i{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12.5px;color:#475569;background:#f1f5f9;border-radius:8px;padding:3px 8px} .tc2-c svg,.tc2-d svg{width:13px;height:13px} .tc2-d{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;color:#0A8550;background:#E9F7EE;border-radius:8px;padding:3px 8px} .tc2-go{flex:none;color:#94a3b8;display:flex} .tc2-go svg{width:20px;height:20px} @media(max-width:1000px){.tl2{grid-template-columns:1fr 1fr}} @media(max-width:640px){.tl2{grid-template-columns:1fr;gap:12px}.hsr{max-width:none}.tc2{padding:14px 10px 14px 14px}.tc2 .thx{width:58px;height:58px}.tc2-b b{font-size:16px}} .tc2 .thx{margin:0;background:linear-gradient(135deg,#7ED957,#19A64A 45%,#0A8550)} .tc2 .thx.y{background:linear-gradient(135deg,#FFE27A,#F5B700 40%,#FF8A00 75%,#FFD86B)} .tc2 .thx.b{background:linear-gradient(135deg,#7DD3FC,#2563EB 60%,#1D4ED8)} .tc2 .thx img,.tc2 .thx .av{-webkit-clip-path:var(--hx);clip-path:var(--hx);border-radius:0} .tc2 .thx .av{display:flex;align-items:center;justify-content:center;background:#fff;color:var(--gd);font-weight:600;font-size:24px;box-shadow:none} .hub-sub{display:flex;align-items:center;gap:6px} .hub-sub svg{flex:none} html.hub-live .flt .btn{display:none} @media(max-width:640px){html.hub-live .flt{grid-template-columns:1fr 1fr}} [data-hubres]{transition:opacity .2s} [data-hubres].busy{opacity:.45;pointer-events:none} /* টিউটর হাব: উপজেলা/জেলা ভাগের শিরোনাম, "এখানে কেউ নেই" বার্তা, খালি অবস্থা */ .hub-lbl{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:2px 0 -4px;font-size:13.5px;font-weight:600;color:var(--gd)} .hub-lbl span{flex:none} .hub-lbl:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#cfe7d8,transparent)} .hub-lbl.sep{margin-top:14px;color:#475569} .hub-lbl.sep:before{content:'';flex:1;height:1px;background:linear-gradient(270deg,#d5dde6,transparent)} .hub-lbl.sep:after{background:linear-gradient(90deg,#d5dde6,transparent)} .hub-lbl.sep span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 14px;font-size:12.5px} .hub-note{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(160deg,#fff,#f2faf5);border:1px solid #d6eedf;border-radius:18px;padding:14px;margin-bottom:16px} .hub-note .tm{flex:none;width:52px;height:52px} .hub-note b{display:block;font-size:15.5px;color:var(--ink);line-height:1.35} .hub-note span{display:block;font-size:13.5px;color:var(--mut);line-height:1.5;margin-top:2px} .hub-note p{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .hb-mini{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:10px;background:var(--gd);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none} .hb-mini:hover{color:#fff;background:var(--gx)} .hb-mini.o{background:#fff;color:var(--gd);border:1.5px solid #bfe3cc} .hub-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 16px 18px} .hub-empty>b{font-size:17px;color:var(--ink)} .he-g{display:grid;gap:10px;width:100%;max-width:520px;margin-top:6px} .he-c{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:16px;background:#f2faf5;border:1px solid #d6eedf;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s} .he-c:hover{transform:translateY(-2px);box-shadow:0 10px 22px -14px rgba(15,23,42,.3)} .he-c.t{background:#fffbeb;border-color:#fde68a} .he-c i{flex:none;width:42px;height:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--gd)} .he-c.t i{color:#b45309} .he-c i svg{width:22px;height:22px} .he-c span{flex:1} .he-c b{display:block;font-size:15px;color:var(--ink)} .he-c small{display:block;font-size:13px;color:var(--mut);line-height:1.45} .he-c>svg{flex:none;width:18px;height:18px;color:var(--gd)} /* বাঘুর বার্তা — বাঘু উপরে, নিচে কথা; মোবাইলে আকর্ষণীয়: হালকা দোলা, কার্ড ভেসে ওঠে, প্রধান বোতামে ঝিলিক */ .hub-note,.hub-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:linear-gradient(170deg,#fff 0%,#f2faf5 100%);border:1px solid #d6eedf;border-radius:22px;padding:22px 16px 18px;margin-bottom:16px;animation:hbin .5s cubic-bezier(.2,.8,.2,1) both} .hub-note .tm,.hub-empty .tm{width:84px;height:84px;margin-bottom:2px;animation:hbbob 2.8s ease-in-out infinite} .hub-note>b,.hub-empty>b{font:700 17px/1.4 TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif;color:var(--ink);max-width:340px} .hub-note>span{font:400 14.5px/1.55 TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif;color:var(--mut);max-width:360px} .hub-note p{display:flex;flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:10px} .hb-mini{justify-content:center;height:46px;border-radius:13px;font-size:14.5px;position:relative;overflow:hidden;isolation:isolate} .hb-mini:not(.o):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:hbsh 3.2s ease-in-out infinite;z-index:-1} .hb-mini.o{height:44px;line-height:1.3;padding:0 12px;text-align:center} .he-c{animation:hbin .5s cubic-bezier(.2,.8,.2,1) both}.he-c:nth-child(2){animation-delay:.12s} @keyframes hbin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @keyframes hbbob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}} @keyframes hbsh{0%,55%{left:-60%}100%{left:130%}} [data-bgbar][hidden]{display:none} .bgbar p a{color:var(--gd);font-weight:700;text-decoration:none;white-space:nowrap}.bgbar.warn p{background:#F0F9F3;border-color:#BFE3CC}.bgbar.warn p:before{background:#F0F9F3;border-color:#BFE3CC} /* টিউটর কার্ড: ছবি আগের মতো বড়; এলাকা ও লিঙ্গ এক সারিতে */ .tc2 .thx{width:76px;height:76px} .tc2-c{flex-wrap:nowrap;max-width:100%;min-width:0} .tc2-c i{min-width:0;white-space:nowrap} .tc2-c i:first-child{overflow:hidden;text-overflow:ellipsis;flex:0 1 auto} .tc2-c i:last-child{flex:none} @media(max-width:640px){.tc2 .thx{width:70px;height:70px}.tc2{gap:12px;padding:14px 8px 14px 12px}} .tc2-c i svg{flex:none}.tc2-c i:first-child{display:inline-flex} .tc2 .thx:not(.v):not(.b):not(.y){background:repeating-conic-gradient(#94a3b8 0 9deg,#fff 9deg 18deg)} .tc2 .thx:not(.v):not(.b):not(.y) .av{color:#64748b} .tc2-v .vt,.tc2-v svg{width:18px;height:18px} .tc2 .thx:not(.v):not(.b):not(.y){background:linear-gradient(135deg,#eef2f6,#cbd5e1 55%,#94a3b8)} .tc2 .thx:not(.v):not(.b):not(.y){background:linear-gradient(135deg,#f1f5f9 0%,#94a3b8 30%,#e2e8f0 50%,#64748b 75%,#cbd5e1 100%);padding:4px} .he-s{font:400 14.5px/1.55 TLD,'Hind Siliguri','Noto Sans Bengali',Poppins,sans-serif;color:var(--mut);max-width:380px} .he-b{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px} .he-b .hb-mini{min-width:180px;padding:0 18px} /* ---- ব্রেডক্রাম্ব: ছোট্ট, হালকা — কোথায় আছি বোঝায়, চোখে লাগে না ---- */ .bc{padding:14px 0 0;font-size:12.5px;color:var(--mut);overflow:hidden} .bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:0;white-space:nowrap;overflow-x:auto;scrollbar-width:none} .bc ol::-webkit-scrollbar{display:none} .bc li{display:flex;align-items:center;flex:none} .bc li+li:before{content:"›";margin:0 7px;color:#B6BFCC} .bc a{color:var(--mut);text-decoration:none} .bc a:hover{color:var(--g);text-decoration:underline} .bc span{color:#334155;font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis} .bc+.pagehd{padding-top:8px} .wrap>.bc+.pf,.wrap>.bc+.jd{margin-top:12px} /* ---- এলাকার পরিচিতি + আশেপাশের এলাকা (নিচে, শান্ত) ---- */ .sx{margin:34px 0 8px;padding:22px 20px;border:1px solid #E7ECF2;border-radius:16px;background:#FAFBFD} .sx h2{font-size:17px;font-weight:700;color:#0F172A;margin:0 0 8px;line-height:1.35} .sx h2:not(:first-child){margin-top:20px} .sx-i{font-size:14px;line-height:1.7;color:#475569;margin:0} .sx h3{font-size:12.5px;font-weight:600;color:#64748B;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.04em} html[lang=bn] .sx h3{text-transform:none;letter-spacing:0;font-size:13.5px} .sx p{display:flex;flex-wrap:wrap;gap:8px;margin:0} .sx p.sx-i{display:block} .sx p a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #E2E8F0;color:#1E293B;font-size:13.5px;text-decoration:none;transition:border-color .15s,color .15s,background .15s} .sx p a i{font-style:normal;font-size:11.5px;font-weight:600;color:#16A34A;background:#ECFDF3;border-radius:999px;padding:1px 7px;min-width:20px;text-align:center} .sx p a:hover{border-color:#16A34A;color:#15803D} .sx p.sx-m{margin-top:18px;gap:18px} .sx p.sx-m:empty{display:none} .sx p.sx-m a{padding:0;border:0;background:none;color:#16A34A;font-weight:600;font-size:14px} .sx p.sx-m a:hover{text-decoration:underline} @media(max-width:768px){.sx{margin:26px 0 4px;padding:18px 14px;border-radius:14px}.sx h2{font-size:16px}.sx p a{font-size:13px;padding:6px 11px}.bc{padding-top:10px;font-size:12px}} /* ===== টিউটর ড্যাশবোর্ড — App Grid ===== */ .db .dg-hd{background:linear-gradient(160deg,#E9FBF0 0%,#F3FBF6 55%,#FFFFFF 100%);border:1px solid #D9F5E3;border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden} .dg-hd:after{content:"";position:absolute;right:-50px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.12),transparent 70%);pointer-events:none} .dg-me{display:flex;align-items:center;gap:14px;position:relative;z-index:1;min-width:0} .dg-av{width:64px;height:64px;flex:none;padding:3px;background:linear-gradient(135deg,#D5DCE6,#94A3B8);-webkit-clip-path:var(--hx);clip-path:var(--hx);display:block} .dg-av.b-g{background:linear-gradient(135deg,#86EFAC,#16A34A)}.dg-av.b-b{background:linear-gradient(135deg,#93C5FD,#2563EB)}.dg-av.b-y{background:linear-gradient(135deg,#FDE68A,#F5B700 55%,#F59E0B)} .dg-av>span{width:100%;height:100%;background:#fff;-webkit-clip-path:var(--hx);clip-path:var(--hx);display:grid;place-items:center;overflow:hidden} .dg-av img{width:100%;height:100%;object-fit:cover} .dg-av b{font-size:26px;font-weight:700;color:#334155;line-height:1} .dg-n{min-width:0} .dg-n h1{font-size:19px;font-weight:700;line-height:1.25;display:flex;align-items:center;gap:6px;margin:0;overflow:hidden;text-overflow:ellipsis} .dg-n p{margin-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px} .dg-n .pub{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--g)} .dg-n .pub svg{width:13px;height:13px} .dg-bal{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #E3F4EA;border-radius:16px;padding:10px 10px 10px 14px;box-shadow:0 6px 18px -14px rgba(22,101,52,.45)} .dg-bal small{display:block;font-size:12px;color:#64748B} .dg-bal .tap{margin:2px 0 0;height:30px;min-width:0;padding:0;border:0;background:none;color:#15803D;font-size:15px;font-weight:600} .dg-bal .tap span{display:inline-flex;align-items:center;gap:7px}.dg-bal .tap svg{width:18px;height:18px} .dg-bal .tap b{padding:0;font-size:19px;color:#0F172A} .dg-add{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px 0 13px;border-radius:13px;font-size:14px;font-weight:600;color:#fff!important;background:linear-gradient(180deg,#22C55E,#16A34A);box-shadow:0 8px 16px -8px rgba(22,163,74,.7),inset 0 1px 0 rgba(255,255,255,.25);white-space:nowrap;transition:transform .15s} .dg-add svg{width:17px;height:17px} .dg-add:active{transform:scale(.95)} .db .dg-grid{background:#fff;border:1px solid #E8EDF3;border-radius:22px;padding:20px 8px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 4px} .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)} .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} .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} .dg-t i svg{width:27px;height:27px;position:relative} .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)} .dg-t i em[hidden]{display:none} .dg-t span{font-size:12px;font-weight:500;line-height:1.3;text-align:center} html[lang=bn] .dg-t span{font-size:12.5px} .dg-t:active i{transform:scale(.9)} @media(hover:hover){.dg-t:hover i{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 22px -12px color-mix(in srgb,var(--c) 75%,transparent)}.dg-t:hover span{color:#0F172A}} @keyframes dgIn{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}} .anim-off .dg-t,html.reduce .dg-t{animation:none} @media(prefers-reduced-motion:reduce){.dg-t{animation:none}} .db .dg-pc{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #E8EDF3;border-radius:20px;padding:14px 16px;color:inherit} .dg-rg{position:relative;width:54px;height:54px;flex:none} .dg-rg svg{width:54px;height:54px;transform:rotate(-90deg)} .dg-rg circle{fill:none;stroke-width:6}.dg-rg .t{stroke:#EEF2F6}.dg-rg .f{stroke:#16A34A;stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.3,.8,.3,1)} .dg-pc:not(.ok) .dg-rg .f{stroke:#F59E0B} .dg-rg b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:700} .dg-px{flex:1;min-width:0}.dg-px b{display:block;font-size:15px;font-weight:600}.dg-px small{font-size:12.5px;color:#64748B} .dg-go{width:36px;height:36px;border-radius:12px;background:#F0FDF4;color:#16A34A;display:grid;place-items:center;flex:none}.dg-go svg{width:18px;height:18px} .db [data-tabs] button b{font-size:11px;font-weight:600;margin-left:2px;opacity:.75} .db [data-tabs] button b:empty{display:none} @media(min-width:769px){ .db .dg-hd{flex-direction:row;align-items:center;justify-content:space-between;padding:22px 24px} .dg-bal{min-width:330px} .db .dg-grid{grid-template-columns:repeat(8,1fr);padding:24px 12px 20px} .dg-n h1{font-size:22px}.dg-av{width:72px;height:72px} } .dg-av.b-p{background:linear-gradient(135deg,#F9A8D4,#DB2777)} .dg-av.b-p b{color:#BE185D} .dh-top .dg-av{width:72px;height:72px} @media(max-width:768px){.db [data-tabs] button{padding:0 13px;font-size:13px}} .db .dh:before{height:auto;bottom:0;background:linear-gradient(160deg,#E9FBF0 0%,#F5FBF7 55%,#fff 100%)} .tl-g .db .dh:before{background:linear-gradient(160deg,#FDF2F8 0%,#FEF7FB 55%,#fff 100%)} .db .dh{border-color:#E3F4EA}.tl-g .db .dh{border-color:#FBE4F0} /* ১২টা বোতাম: মোবাইলে ৪×৩, ডেস্কটপে ৬×২ — লেখা কখনো গায়ে লাগে না */ .db .dg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0;padding:20px 6px 16px} .dg-t{width:auto;padding:0 3px;min-width:0} .dg-t span{display:block;max-width:100%;overflow-wrap:normal;word-break:normal} @media(max-width:400px){.dg-t i{width:54px;height:54px;border-radius:17px}.dg-t i svg{width:25px;height:25px}.dg-t span{font-size:11.5px;letter-spacing:-.1px}html[lang=bn] .dg-t span{font-size:12px}} @media(min-width:769px){.db .dg-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 0;padding:26px 12px 22px}} .dg-bal>div{min-width:0} .dg-bal small,.dg-bal .tap span{white-space:nowrap} .dg-add svg,.dg-bal .tap svg{flex:none} @media(max-width:360px){.dg-add{height:40px;padding:0 12px 0 10px;font-size:13px;gap:5px}.dg-bal{padding:10px 8px 10px 12px}.dg-bal .tap{font-size:14px}.dg-bal .tap svg{width:16px;height:16px}.dg-px b{font-size:14px}} .rq-r{display:flex;flex-direction:column;gap:8px} .rq-r .ai-t{display:flex;justify-content:space-between;align-items:center;gap:10px} .rq-r .chip{align-self:flex-start} .rq-r,.rq-r .ai-t{text-align:left}.rq-r .ai-t>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.rq-r .ai-t b{font-size:15px}.rq-r .ai-t small{color:#64748B;font-size:12.5px} .db .rq-r{align-items:stretch} /* ---- আমার আবেদন: এক সারির ৪টা সংখ্যা ---- */ .db .ax2-c .card-h{margin-bottom:14px} .ax2-f{font-size:13px;font-weight:500;color:var(--g)} .ax2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#F8FAFC;border-radius:18px;padding:14px 2px} .ax2 button{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;border-left:1px solid #E8EDF3;padding:2px 2px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0} .ax2 button:first-child{border-left:0} .ax2 i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;font-weight:700;color:var(--c);background:#fff;border:3px solid color-mix(in srgb,var(--c) 22%,#fff);box-shadow:0 6px 14px -10px var(--c);transition:transform .18s cubic-bezier(.3,1.4,.5,1)} .ax2 button.z i{box-shadow:none} .ax2 span{font-size:11.5px;font-weight:500;color:#475569;text-align:center;line-height:1.25} html[lang=bn] .ax2 span{font-size:12.5px} .ax2 button:active i{transform:scale(.88)} @media(hover:hover){.ax2 button:hover i{transform:translateY(-2px)}} .ax2-x{text-align:center;margin-top:12px;font-size:12.5px;color:#94A3B8} .ax2-x button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#DC2626;cursor:pointer} @media(min-width:769px){.ax2{padding:18px 8px}.ax2 i{width:54px;height:54px;font-size:20px}.ax2 span{font-size:13px}} /* ---- নিচ থেকে ওঠা তালিকা ---- */ .axs-w{position:fixed;inset:0;z-index:1200} .axs-w[hidden]{display:none} .axs-bg{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .3s} .axs-w.open .axs-bg{opacity:1} .axs{position:absolute;left:0;right:0;bottom:0;max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(15,23,42,.2);transform:translateY(100%);transition:transform .34s cubic-bezier(.2,.9,.25,1);padding-bottom:env(safe-area-inset-bottom)} .axs-w.open .axs{transform:none} .axs-top{padding:10px 16px 0;flex:none;touch-action:none} .axs-hd{display:block;width:44px;height:5px;border-radius:99px;background:#E2E8F0;margin:0 auto 12px} .axs-t{display:flex;justify-content:space-between;align-items:center} .axs-t b{font-size:18px;font-weight:700;display:flex;gap:8px;align-items:center} .axs-t em{font-style:normal;font-size:12px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:99px;padding:2px 9px} .axs-t button{border:0;background:#F1F5F9;width:34px;height:34px;border-radius:50%;color:#475569;font-size:14px;cursor:pointer} .db .axs-tabs{display:flex;gap:6px;margin:14px 0 6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:6px} .axs-tabs::-webkit-scrollbar{display:none} .db .axs-tabs button{flex:none;font-size:12.5px;font-weight:500;padding:7px 12px;height:auto;border-radius:99px;background:#F1F5F9;color:#475569;border:0;white-space:nowrap} .db .axs-tabs button.on{background:#16A34A;color:#fff} .db .axs-tabs button[data-f=pending].on{background:#EA580C}.db .axs-tabs button[data-f=shortlist].on{background:#2563EB}.db .axs-tabs button[data-f=cancelled].on{background:#DC2626} .db .axs-tabs button b{opacity:.85} .axs-l{overflow-y:auto;padding:0 16px 22px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} .db .axs-l .ai{display:block;position:relative;padding:14px 0 14px 54px;border:0;border-top:1px solid #F1F5F9;border-radius:0;background:none} .db .axs-l .ai:first-child{border-top:0} .axs-l .ai:before{content:"";position:absolute;left:0;top:14px;width:40px;height:40px;border-radius:12px;background:#FFF7ED center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EA580C' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")} .axs-l .s-shortlist:before{background-color:#EFF6FF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E")} .axs-l .s-confirmed:before{background-color:#F0FDF4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316A34A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M8 12.3l2.8 2.8L16 9.8'/%3E%3C/svg%3E")} .axs-l .s-cancelled:before,.axs-l .s-left:before{background-color:#FEF2F2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E")} .axs-l .ai-t b,.axs-l .ai-t b a{font-size:15px;font-weight:600;color:#0F172A} .axs-l .ai-t small{display:block;font-size:12px;color:#64748B;margin-top:2px} .axs-l .mini-trk{margin-top:9px;max-width:260px} .axs-l .s-pending .mini-trk i.on{background:#F97316} .axs-l .empty{padding:30px 0} @media(min-width:769px){.axs{left:50%;right:auto;width:560px;bottom:auto;top:50%;border-radius:24px;transform:translate(-50%,-44%) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.25,1),opacity .25s;max-height:80vh}.axs-w.open .axs{transform:translate(-50%,-50%);opacity:1}.axs-hd{display:none}.axs-top{padding-top:18px}} .axs-l .s-pending .chip{background:#FFF7ED;color:#C2410C;font-weight:600}.axs-l .s-shortlist .chip{font-weight:600} /* ---- My badge: লেভেল আপ পপআপ ---- */ .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)} .bs-in{padding-top:4px} .bs-hero{text-align:center;padding:2px 0 6px;display:flex;flex-direction:column;align-items:center} .bs-md{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#F8FAFC 58%,#fff 59%);box-shadow:0 0 0 6px #F1F5F9} .bs-hero.b-g .bs-md{background:radial-gradient(circle,#ECFDF3 58%,#fff 59%);box-shadow:0 0 0 6px #F0FDF4} .bs-hero.b-b .bs-md{background:radial-gradient(circle,#EFF6FF 58%,#fff 59%);box-shadow:0 0 0 6px #EFF6FF} .bs-hero.b-y .bs-md{background:radial-gradient(circle,#FFFBEB 58%,#fff 59%);box-shadow:0 0 0 6px #FEF3C7} .bs-md .vt{animation:bsPop .6s cubic-bezier(.2,1.4,.4,1) both} @keyframes bsPop{from{transform:scale(.4) rotate(-30deg);opacity:0}to{transform:none;opacity:1}} .bs-hero b{display:block;font-size:17px;font-weight:700;margin-top:12px} .bs-hero small{font-size:12.5px;color:#64748B;margin-top:2px} .bs-pg{display:flex;align-items:center;gap:6px;margin:16px 4px 16px} .bs-pg i{flex:1;height:7px;border-radius:99px;background:#E2E8F0} .bs-pg i.on{background:linear-gradient(90deg,#22C55E,#16A34A)} .bs-pg span{display:grid;place-items:center;opacity:.35;filter:grayscale(1)} .bs-pg span.on{opacity:1;filter:none} .bs-nx{border:1.5px solid #E2E8F0;border-radius:20px;padding:16px;background:#fff} .bs-nx.n-b{border-color:#BFDBFE;background:linear-gradient(160deg,#EFF6FF,#fff 70%)} .bs-nx.n-g{border-color:#BBF7D0;background:linear-gradient(160deg,#F0FDF4,#fff 70%)} .bs-nx.n-y{border-color:#FDE68A;background:linear-gradient(160deg,#FFFBEB,#fff 70%)} .bs-nx .hd{display:flex;align-items:center;gap:10px;margin-bottom:12px} .bs-nx .hd b{font-size:15.5px;font-weight:700;display:block} .bs-nx .hd small{font-size:12px;font-weight:600;color:#2563EB} .bs-nx.n-g .hd small{color:#15803D}.bs-nx.n-y .hd small{color:#B45309} .bs-nx ul{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px} .bs-nx li{background:#fff;border-radius:12px;padding:9px 11px;font-size:12px;color:#475569;border:1px solid #E7EEF8} .bs-nx li b{display:block;font-size:18px;font-weight:700;color:#1D4ED8} .bs-nx.n-g li b{color:#15803D}.bs-nx.n-y li b{color:#B45309} .bs-cta{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:16px;color:#fff;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#3B82F6,#2563EB);box-shadow:0 12px 22px -12px #2563EB;transition:transform .15s} .bs-nx.n-g .bs-cta{background:linear-gradient(180deg,#22C55E,#16A34A);box-shadow:0 12px 22px -12px #16A34A} .bs-nx.n-y .bs-cta{background:linear-gradient(180deg,#FBBF24,#F59E0B);box-shadow:0 12px 22px -12px #F59E0B} .bs-cta:active{transform:scale(.97)} .bs-df{text-align:center;font-size:12px;color:#64748B;margin:8px 0 0} .bs-up{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:11px 12px;border-radius:14px;border:0;font:inherit;font-size:12.5px;text-align:left;cursor:pointer} .bs-up span{flex:1}.bs-up b{white-space:nowrap} .bs-up.u-y{background:#FFFBEB;color:#92400E}.bs-up.u-b{background:#EFF6FF;color:#1E40AF} .bs-tr{text-align:center;font-size:12px;color:#94A3B8;margin:14px 0 4px} .bs-top{margin-top:4px} .bsx .note.w{margin:0 0 14px} /* ---- My badge: ট্যাব + তুলনা ---- */ .bs-me{display:flex;align-items:center;gap:12px;border-radius:18px;padding:12px 14px;background:#F8FAFC;border:1px solid #E8EDF3} .bs-me.b-g{background:linear-gradient(135deg,#ECFDF3,#F7FEF9);border-color:#D9F5E3}.bs-me.b-b{background:linear-gradient(135deg,#EFF6FF,#F8FBFF);border-color:#DBEAFE}.bs-me.b-y{background:linear-gradient(135deg,#FFFBEB,#FFFDF5);border-color:#FDE68A} .bs-me .mascot,.bs-me img{width:44px;height:44px} .bs-me b{display:block;font-size:15px;font-weight:700}.bs-me small{font-size:12.5px;color:#15803D;font-weight:500} .bs-me.none small,.bs-me.b-b small{color:#475569} .bs-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#F1F5F9;border-radius:16px;padding:4px;margin:20px 0 10px} .bs-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 8px;border:0;border-radius:12px;background:none;font:inherit;color:#64748B;cursor:pointer;transition:background .2s,box-shadow .2s} .bs-tabs button span{font-size:13.5px;font-weight:500} .bs-tabs button em{font-style:normal;font-size:11.5px;color:#94A3B8} .bs-tabs button.on{background:#fff;color:#0F172A;box-shadow:0 2px 8px rgba(15,23,42,.08)} .bs-tabs button.on span{font-weight:700} .bs-tabs button i{position:absolute;top:-10px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9.5px;font-weight:700;background:#2563EB;color:#fff;border-radius:99px;padding:2px 8px;white-space:nowrap} .bs-p{animation:bsIn .25s ease both} @keyframes bsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .bs-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;border-top:1px solid #F1F5F9;font-size:14px;color:#334155} .bs-r:first-child{border-top:0} .bs-r>span:last-child{display:flex;align-items:center;gap:6px;white-space:nowrap} .bs-r s{color:#94A3B8;text-decoration:none;font-size:13px} .bs-r b{font-weight:700;border-radius:8px;padding:2px 9px;color:#1D4ED8;background:#EFF6FF} .p-g .bs-r b{color:#15803D;background:#F0FDF4}.p-y .bs-r b{color:#B45309;background:#FFFBEB} .bs-r b.eq{background:none;padding:2px 0} .bsx .bs-cta{margin-top:14px;gap:8px} .bs-cta small{font-weight:500;opacity:.85;font-size:13px} .p-g .bs-cta{background:linear-gradient(180deg,#22C55E,#16A34A);box-shadow:0 12px 22px -12px #16A34A} .p-y .bs-cta{background:linear-gradient(180deg,#FBBF24,#F59E0B);box-shadow:0 12px 22px -12px #F59E0B} .bs-have{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;height:50px;border-radius:16px;background:#F8FAFC;font-size:14px;font-weight:600;color:#475569} html[lang=bn] .bs-r{font-size:14.5px} .bs-life{display:flex;gap:12px;align-items:flex-start;margin:16px 0 4px;padding:12px 14px;border-radius:16px;background:#F8FAFC;border:1px solid #EEF2F6} .bs-life i{width:36px;height:36px;border-radius:11px;background:#ECFDF3;color:#16A34A;display:grid;place-items:center;flex:none} .bs-life i svg{width:22px;height:22px} .bs-life b{display:block;font-size:13.5px;font-weight:600;color:#0F172A} .bs-life small{display:block;font-size:12px;color:#64748B;line-height:1.5;margin-top:2px} .bs-err{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:14px;border-radius:16px;background:#FFF7ED;border:1.5px solid #FED7AA;animation:bsIn .3s ease both} .bs-err .mascot,.bs-err img{width:46px;height:46px;flex:none} .bs-err b{display:block;font-size:15px;color:#9A3412} .bs-err span{display:block;font-size:13px;color:#7C2D12;margin:3px 0 10px;line-height:1.5} .bs-err .btn{background:#EA580C;color:#fff;border-color:#EA580C} .fx-toast{z-index:1400} .bs-life1{text-align:center;font-size:12.5px;color:#64748B;margin:12px 0 2px} /* ---- টাকা যোগ পপআপ ---- */ .ms-in{text-align:center;padding-bottom:22px} .ms-q{font-size:13.5px;color:#64748B;margin:0} .ms-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 4px} .ms-pm{width:46px;height:46px;border-radius:50%;border:0;background:#F1F5F9;font-size:24px;color:#475569;cursor:pointer;flex:none;transition:transform .12s} .ms-pm:active{transform:scale(.9)} .ms-box{display:flex;align-items:baseline;justify-content:center;min-width:150px;padding:0 10px 4px;border-bottom:2.5px solid #16A34A;cursor:text} .ms-box span{font-size:38px;font-weight:700;color:#0F172A;font-family:Poppins,sans-serif} .ms-box input{border:0;outline:0;background:none;padding:0;font:700 46px Poppins,sans-serif;color:#0F172A;letter-spacing:-.02em;width:3.4ch;min-width:2.4ch;caret-color:#16A34A;text-align:left} .ms-hint{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#94A3B8;margin:6px 0 0} .ms-hint svg{width:13px;height:13px} .ms-af{display:inline-block;font-size:12.5px;color:#15803D;background:#F0FDF4;border-radius:99px;padding:4px 12px;margin:12px 0 0} .ms-af b{font-weight:600} .ms-ch{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px} .ms-ch button{padding:9px 15px;border-radius:99px;border:0;background:#F1F5F9;font:600 14px Poppins,TLD,'Hind Siliguri',sans-serif;color:#334155;cursor:pointer} .ms-ch button.on{background:#16A34A;color:#fff;box-shadow:0 6px 14px -8px #16A34A} .ms-err{color:#DC2626;font-size:12.5px;margin:10px 0 0} .ms-go{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:18px;border:0;border-radius:16px;color:#fff;font:700 16px Poppins,TLD,'Hind Siliguri',sans-serif;background:linear-gradient(180deg,#22C55E,#16A34A);box-shadow:0 12px 22px -12px #16A34A;cursor:pointer} .ms-go:disabled{opacity:.5;box-shadow:none;cursor:default} /* ---- My badge: বড় কার্ড, আঙুলে সরানো ---- */ .bc-in{padding-left:0!important;padding-right:0!important} .bc-in>.note{margin:0 16px 12px} .bc-w{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 36px 14px;scroll-padding:0 36px} .bc-w::-webkit-scrollbar{display:none} .bc-c{flex:none;width:calc(100% - 72px);max-width:330px;scroll-snap-align:center;border-radius:24px;padding:20px 20px 18px;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 30px -18px rgba(15,23,42,.45);transition:transform .25s} .bc-c:after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.13);pointer-events:none} .bc-c:before{content:"";position:absolute;left:-40px;bottom:-60px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none} .bc-g{background:linear-gradient(150deg,#22C55E,#15803D)} .bc-b{background:linear-gradient(150deg,#3B82F6,#1D4ED8)} .bc-y{background:linear-gradient(150deg,#FBBF24,#D97706)} .bc-tag{align-self:flex-start;position:relative;z-index:1;font-size:11px;font-weight:700;letter-spacing:.04em;background:rgba(255,255,255,.22);border-radius:99px;padding:4px 11px} html[lang=bn] .bc-tag{letter-spacing:0;font-size:12px} .bc-c h3{position:relative;z-index:1;display:flex;align-items:center;gap:9px;font-size:22px;font-weight:700;margin:14px 0 4px;color:#fff} .bc-pr{position:relative;z-index:1;font-size:14px;opacity:.95;margin:0} .bc-pr b{font-weight:700} .bc-c ul{position:relative;z-index:1;list-style:none;padding:0;margin:16px 0 18px;display:flex;flex-direction:column;gap:9px;font-size:13.5px} .bc-c li{display:flex;align-items:center;gap:9px} .bc-c li svg{width:16px;height:16px;flex:none;opacity:.95} .bc-btn{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:50px;border:0;border-radius:15px;background:#fff;font:700 15px Poppins,TLD,'Hind Siliguri',sans-serif;cursor:pointer;box-shadow:0 8px 16px -10px rgba(0,0,0,.4);transition:transform .15s} .bc-btn:active{transform:scale(.97)} .bc-g .bc-btn{color:#15803D}.bc-b .bc-btn{color:#1D4ED8}.bc-y .bc-btn{color:#B45309} .bc-btn.own{background:rgba(255,255,255,.2);color:#fff!important;box-shadow:none;cursor:default} .bc-btn svg{width:18px;height:18px} .bc-dots{display:flex;justify-content:center;gap:6px;margin-top:2px} .bc-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#CBD5E1;cursor:pointer;transition:width .25s,background .25s} .bc-dots button.on{width:24px;background:#16A34A} .bc-in .bs-life1{margin-top:12px} .bc-in [data-bserr]{padding:0 16px} @media(min-width:769px){.bsx .axs{width:min(940px,94vw)}.bc-w{overflow:visible;justify-content:center;padding:8px 24px 16px;scroll-snap-type:none}.bc-c{flex:1 1 0;width:auto;max-width:290px}.bc-c:hover{transform:translateY(-4px)}.bc-dots{display:none}} /* কার্ড চওড়া আর খাটো — কার্ডের মতো লাগে */ .bc-w{gap:10px;padding:4px 22px 12px;scroll-padding:0 22px} .bc-c{width:calc(100% - 44px);max-width:340px;padding:16px 18px 16px;border-radius:22px} .bc-tag{font-size:10.5px;padding:3px 10px} .bc-c h3{font-size:21px;margin:10px 0 2px;white-space:nowrap} .bc-c h3 .vt{width:26px!important;height:26px!important} .bc-pr{font-size:13.5px;white-space:nowrap} .bc-c ul{margin:12px 0 14px;gap:7px;font-size:13.5px} .bc-c li{white-space:nowrap} .bc-btn{height:46px;border-radius:14px;font-size:15px} @media(max-width:360px){.bc-w{padding:4px 16px 12px;gap:8px}.bc-c{width:calc(100% - 32px);padding:14px 16px}.bc-c ul{font-size:13px}} @media(min-width:769px){.bc-c{flex:1 1 0;width:auto;max-width:290px}.bc-w{padding:8px 24px 16px}} /* ---- লেনদেন: ডান দিক থেকে ঢোকা পাতা ---- */ .hs-w{position:fixed;inset:0;z-index:1250} .hs-w[hidden]{display:none} .hs-w:before{content:"";position:absolute;inset:0;background:rgba(15,23,42,.35);opacity:0;transition:opacity .3s} .hs-w.open:before{opacity:1} .hs{position:absolute;top:0;right:0;bottom:0;width:100%;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.9,.25,1);box-shadow:-20px 0 40px rgba(15,23,42,.18)} .hs-w.open .hs{transform:none} .hs-top{flex:none;display:flex;align-items:center;gap:12px;height:62px;padding:0 14px;border-bottom:1px solid #F1F5F9;padding-top:env(safe-area-inset-top)} .hs-top b{font-size:18px;font-weight:700} .hs-bk{width:40px;height:40px;border-radius:13px;border:0;background:#F1F5F9;color:#0F172A;display:grid;place-items:center;cursor:pointer} .hs-bk svg{width:20px;height:20px} .hs-bk:active{transform:scale(.92)} .hs-l{flex:1;overflow-y:auto;padding:12px 18px 30px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} .hs-sum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px} .hs-sum div{border-radius:16px;padding:12px 14px;background:#F8FAFC} .hs-sum div.a{background:#F0FDF4} .hs-sum small{display:block;font-size:12px;color:#64748B} .hs-sum b{font-size:20px;font-weight:700}.hs-sum .a b{color:#15803D} .hs-d{font-size:12px;font-weight:600;color:#94A3B8;margin:16px 0 2px} .hs-r{display:flex;align-items:center;gap:12px;padding:10px 0} .hs-r i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;color:#475569;background:#F1F5F9} .hs-r i svg{width:19px;height:19px} .hs-r.k-in i{color:#16A34A;background:#F0FDF4}.hs-r.k-key i{color:#EA580C;background:#FFF7ED}.hs-r.k-badge i{color:#2563EB;background:#EFF6FF}.hs-r.k-gift i{color:#DB2777;background:#FDF2F8}.hs-r.k-sms i{color:#0891B2;background:#ECFEFF} .hs-r span{flex:1;min-width:0} .hs-r b{display:block;font-size:14.5px;font-weight:600} .hs-r small{display:block;font-size:12px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .hs-r em{font-style:normal;font-weight:700;font-size:15px;white-space:nowrap}.hs-r em.p{color:#16A34A}.hs-r em.m{color:#0F172A} .hs-more{display:block;margin:14px auto 0;padding:10px 20px;border-radius:99px;border:0;background:#F1F5F9;font:600 13.5px Poppins,TLD,'Hind Siliguri',sans-serif;color:#334155;cursor:pointer} @media(min-width:769px){.hs{width:440px;border-radius:24px 0 0 24px}} /* ---- বন্ধু আনুন ---- */ .rf>p{font-size:13.5px;color:#64748B;margin:0 0 14px} /* ---- হায়ার রিকোয়েস্ট পাতা ---- */ .rq-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ECFDF3,#F7FEF9);border:1px solid #D9F5E3;border-radius:18px;padding:12px 14px;margin-bottom:14px} .rq-hero .mascot{width:52px;height:52px;flex:none} .rq-hero b{display:block;font-size:15.5px;font-weight:700;color:#15803D} .rq-hero span{font-size:12.5px;color:#475569} .rq-c{border:1px solid #E8EDF3;border-radius:18px;padding:14px 16px;margin-bottom:12px;background:#fff;box-shadow:0 6px 16px -14px rgba(15,23,42,.4)} .rq-c.off{opacity:.6} .rq-t{display:flex;justify-content:space-between;align-items:center;gap:10px} .rq-cls{font-size:16px;font-weight:700} .rq-t small{font-size:12px;color:#94A3B8;white-space:nowrap} .rq-sub{margin:2px 0 0;font-size:13px;color:#475569} .rq-m{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 2px} .rq-m span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#334155} .rq-m svg{width:15px;height:15px;color:#16A34A} .rq-tl{display:flex;flex-direction:column;gap:0;margin-top:12px;padding-left:2px} .rq-tl div{display:flex;align-items:center;gap:10px;position:relative;padding:5px 0;font-size:12.5px;color:#94A3B8} .rq-tl div:not(:last-child):after{content:"";position:absolute;left:5px;top:19px;height:14px;width:2px;background:#E2E8F0} .rq-tl i{width:12px;height:12px;border-radius:50%;background:#E2E8F0;flex:none} .rq-tl .ok{color:#475569}.rq-tl .ok i{background:#16A34A}.rq-tl .ok:after{background:#86EFAC!important} .rq-tl .now{color:#0F172A;font-weight:600}.rq-tl .now i{background:#fff;border:3px solid #16A34A;box-shadow:0 0 0 4px #DCFCE7;width:12px;height:12px;box-sizing:border-box} .rq-cl{font-size:12.5px;color:#64748B;margin:10px 0 0} .rq-go{display:flex;align-items:center;justify-content:center;height:46px;margin-top:12px;border-radius:14px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff!important;font-weight:600;font-size:14.5px;box-shadow:0 10px 18px -10px rgba(22,163,74,.9)} .rq-note{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#64748B;line-height:1.5;margin:6px 2px 0} .rq-note svg{width:15px;height:15px;flex:none;margin-top:1px;color:#94A3B8} .rq-empty{padding:40px 10px} /* ---- সিলেক্ট হওয়া টিউশন ---- */ .sel-c{position:relative;overflow:hidden;border-radius:22px;padding:16px;margin-bottom:12px;background:linear-gradient(150deg,#16A34A,#15803D);color:#fff;box-shadow:0 18px 30px -20px rgba(21,128,61,.9)} .sel-c.due{background:#fff;color:#0F172A;border:1.5px solid #FED7AA;box-shadow:none} .sel-cf{position:absolute;inset:0;pointer-events:none} .sel-cf i{position:absolute;width:7px;height:12px;border-radius:2px;opacity:.85;animation:selF 3.2s linear infinite} .sel-cf i:nth-child(odd){background:#FDE68A}.sel-cf i:nth-child(even){background:#fff}.sel-cf i:nth-child(3n){background:#FCA5A5} .sel-cf i:nth-child(1){left:6%;animation-delay:0s}.sel-cf i:nth-child(2){left:16%;animation-delay:.6s}.sel-cf i:nth-child(3){left:27%;animation-delay:1.4s}.sel-cf i:nth-child(4){left:38%;animation-delay:.3s}.sel-cf i:nth-child(5){left:49%;animation-delay:2s}.sel-cf i:nth-child(6){left:58%;animation-delay:1s}.sel-cf i:nth-child(7){left:67%;animation-delay:2.6s}.sel-cf i:nth-child(8){left:76%;animation-delay:.9s}.sel-cf i:nth-child(9){left:85%;animation-delay:1.8s}.sel-cf i:nth-child(10){left:93%;animation-delay:.2s}.sel-cf i:nth-child(11){left:22%;animation-delay:2.9s}.sel-cf i:nth-child(12){left:72%;animation-delay:1.6s}.sel-cf i:nth-child(13){left:44%;animation-delay:2.3s} @keyframes selF{0%{top:-14px;transform:rotate(0)}100%{top:105%;transform:rotate(540deg)}} .anim-off .sel-cf{display:none} @media(prefers-reduced-motion:reduce){.sel-cf{display:none}} .sel-hd{position:relative;display:flex;align-items:center;gap:10px} .sel-hd .mascot{width:54px;height:54px;flex:none} .sel-tag{display:inline-block;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.2);border-radius:99px;padding:3px 10px} .sel-hd b{display:block;font-size:17px;font-weight:700;margin-top:4px;line-height:1.3} .sel-job{position:relative;margin-top:12px;background:rgba(255,255,255,.14);border-radius:14px;padding:10px 12px} .sel-c.due .sel-job{background:#F8FAFC;margin-top:0} .sel-job b{display:block;font-size:15px;font-weight:600}.sel-job small{font-size:12.5px;opacity:.9} .sel-c.due .sel-job small{color:#64748B;opacity:1} .sel-lk{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px} .sel-lk span{display:inline-flex;align-items:center;gap:7px}.sel-lk svg{width:18px;height:18px} .sel-lk b{letter-spacing:.12em;font-size:15px} .sel-lk em{font-style:normal;font-size:12px;background:rgba(0,0,0,.15);border-radius:99px;padding:3px 9px} .sel-go{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:12px;border:0;border-radius:15px;background:#fff;color:#15803D;font:700 15.5px Poppins,TLD,'Hind Siliguri',sans-serif;cursor:pointer;box-shadow:0 10px 18px -10px rgba(0,0,0,.45);animation:selP 2.2s ease-in-out infinite} @keyframes selP{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}} .sel-go.s{background:linear-gradient(180deg,#FB923C,#EA580C);color:#fff;animation:none} .sel-rw{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:13.5px} .sel-rw b{color:#C2410C}.sel-rw small{display:block;font-size:12px;color:#64748B} .sel-rw a{font-size:13px;font-weight:600;color:#16A34A} /* ---- পেমেন্ট শিট ---- */ .pyw{z-index:1350} .py-in{padding-bottom:22px} .py-item{display:flex;align-items:center;gap:12px;border-radius:18px;padding:14px;background:linear-gradient(135deg,#ECFDF3,#F7FEF9);border:1px solid #D9F5E3} .py-item.k-badge{background:linear-gradient(135deg,#EFF6FF,#F8FBFF);border-color:#DBEAFE}.py-item.k-fee{background:linear-gradient(135deg,#FFF7ED,#FFFBF5);border-color:#FED7AA} .py-item i{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;color:#16A34A;flex:none;box-shadow:0 4px 10px -6px rgba(15,23,42,.3)} .py-item.k-badge i{color:#2563EB}.py-item.k-fee i{color:#EA580C} .py-item i svg{width:22px;height:22px} .py-item span{flex:1;min-width:0}.py-item b{display:block;font-size:15px;font-weight:700}.py-item small{font-size:12.5px;color:#64748B} .py-item em{font-style:normal;font-size:24px;font-weight:700} .py-h{font-size:13px;font-weight:600;color:#64748B;margin:18px 2px 8px} .py-o{display:flex;align-items:center;gap:12px;border:1.5px solid #E2E8F0;border-radius:16px;padding:12px 14px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s} .py-o input{position:absolute;opacity:0;pointer-events:none} .py-o i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none} .py-o i.w{background:#F0FDF4;color:#16A34A}.py-o i.d{background:#FDF2F8;color:#DB2777} .py-o i svg{width:21px;height:21px} .py-o span{flex:1;min-width:0}.py-o b{display:block;font-size:14.5px;font-weight:600}.py-o small{display:block;font-size:12.5px;color:#64748B} .py-o small.ln{color:#DC2626;margin-top:2px} .py-o small.ln button{border:0;background:none;padding:0;font:inherit;font-weight:700;color:#16A34A;text-decoration:underline;cursor:pointer} .py-o s{width:22px;height:22px;border-radius:50%;border:2px solid #CBD5E1;flex:none;transition:.15s} .py-o:has(input:checked){border-color:#16A34A;background:#F7FEF9} .py-o:has(input:checked) s{border:7px solid #16A34A} .py-o.off{opacity:.75;cursor:default}.py-o.off s{background:#F1F5F9} .py-bg{display:flex;align-items:center;gap:10px;margin:6px 0 4px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:16px;padding:10px 12px} .py-bg .mascot{width:46px;height:46px;flex:none} .py-bg p{margin:0;font-size:13.5px;color:#78350F;line-height:1.55} .py-go{display:flex;align-items:center;justify-content:center;width:100%;height:54px;margin-top:14px;border:0;border-radius:16px;color:#fff;font:700 16.5px Poppins,TLD,'Hind Siliguri',sans-serif;background:linear-gradient(180deg,#22C55E,#16A34A);box-shadow:0 12px 22px -12px #16A34A;cursor:pointer} .py-go:active{transform:scale(.97)} .py-ok{text-align:center;padding:10px 0 4px;display:flex;flex-direction:column;align-items:center} .py-ck{width:78px;height:78px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px #DCFCE7;animation:pyPop .55s cubic-bezier(.2,1.5,.4,1) both} .py-ck svg{width:40px;height:40px} @keyframes pyPop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}} .py-ok>b{font-size:20px;font-weight:700;margin-top:18px}.py-ok>small{font-size:13.5px;color:#64748B;margin-top:4px} .py-num{width:100%;margin-top:16px;border:1.5px dashed #86EFAC;border-radius:18px;padding:14px;background:#F7FEF9} .py-num p{margin:0;font-size:13px;color:#64748B}.py-num h4{margin:4px 0 12px;font-size:26px;letter-spacing:.04em;color:#15803D} .py-cw{display:grid;grid-template-columns:1fr 1fr;gap:10px} .py-cw a{display:flex;align-items:center;justify-content:center;gap:7px;height:48px;border-radius:14px;font-weight:600;font-size:14.5px} .py-cw svg{width:19px;height:19px} .py-c{background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff!important}.py-w{background:#fff;border:1.5px solid #BBF7D0;color:#15803D!important} /* ===== প্রোফাইল এডিট (pf2) ===== */ .pf2-h{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,#F0FDF4,#fff 60%);border-color:#D9F5E3} .pf2-ph{position:relative;flex:none;width:86px;height:92px;padding:0;border:0;background:none;cursor:pointer} .pf2-hex{display:grid;place-items:center;width:100%;height:100%;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(160deg,#22C55E,#15803D);color:#fff;overflow:hidden} .pf2-hex img{width:100%;height:100%;object-fit:cover}.pf2-hex b{font-size:32px}.pf2-hex svg{width:30px;height:30px} .pf2-ph i{position:absolute;right:2px;bottom:6px;width:28px;height:28px;border-radius:50%;background:#15803D;color:#fff;display:grid;place-items:center;border:2.5px solid #fff;box-shadow:0 4px 10px -4px rgba(21,128,61,.7)}.pf2-ph i svg{width:14px;height:14px} .pf2-n{flex:1;min-width:0}.pf2-n h1{font-size:19px;font-weight:700;line-height:1.25}.pf2-n p{color:var(--mut);font-size:13px} .pf2-bar{height:9px;border-radius:99px;background:#E2E8F0;margin:10px 0 6px;overflow:hidden} .pf2-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#22C55E,#16A34A);transition:width 1.2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden} .pf2-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:pfSh 2.2s infinite} @keyframes pfSh{from{transform:translateX(-100%)}to{transform:translateX(100%)}} .pf2-n small{font-size:12.5px;color:#475569}.pf2-n small b{color:#15803D;font-size:14px} .pf2-s{padding:0;overflow:hidden;transition:box-shadow .3s,border-color .3s} .pf2-s[open]{border-color:#BBF7D0;box-shadow:0 14px 30px -20px rgba(22,101,52,.45)} .pf2-s summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer} .pf2-s summary::-webkit-details-marker{display:none} .pf2-num{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:#F1F5F9;color:#475569;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:15px;transition:background .35s,transform .35s} .pf2-num svg{position:absolute;width:20px;height:20px;opacity:0;transform:scale(.3);transition:.35s cubic-bezier(.3,1.6,.5,1)} .pf2-s[open] .pf2-num{background:#DCFCE7;color:#15803D} .pf2-s.full .pf2-num{background:#16A34A;color:#fff}.pf2-s.full .pf2-num em{opacity:0}.pf2-s.full .pf2-num svg{opacity:1;transform:none} .pf2-num em{font-style:normal;transition:opacity .2s} .pf2-s summary>span{flex:1;min-width:0}.pf2-s summary b{display:block;font-size:15.5px;font-weight:600}.pf2-s summary small{display:block;font-size:12px;color:var(--mut)} .pf2-mb{display:block;height:4px;border-radius:99px;background:#EEF2F6;margin-top:7px;overflow:hidden;text-decoration:none}.pf2-mb s{display:block;height:100%;background:#22C55E;border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)} .pf2-ct{font-style:normal;font-size:12px;font-weight:700;color:#64748B;background:#F1F5F9;border-radius:99px;padding:3px 9px} .pf2-s.full .pf2-ct{background:#DCFCE7;color:#15803D} .pf2-s summary>svg{width:18px;height:18px;color:var(--mut2);transition:transform .25s;flex:none}.pf2-s[open] summary>svg{transform:rotate(90deg)} .pf2-s.pop .pf2-num{animation:pfPop .6s cubic-bezier(.3,1.6,.5,1)} @keyframes pfPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}} .pf2-b{padding:4px 16px 18px;border-top:1px solid #EEF2F6;padding-top:14px;animation:pgIn .35s var(--ease)} .pf2-q{font-size:14.5px;font-weight:600;color:#0F172A;margin:16px 0 9px}.pf2-q:first-child{margin-top:4px}.pf2-q small{display:block;font-size:12px;font-weight:400;color:#64748B;margin-top:2px} .pf2-hint{font-size:12.5px;color:#94A3B8;margin:-2px 0 8px}.pf2-hint.lk{display:flex;gap:6px;align-items:center;color:#64748B;margin:14px 0 10px}.pf2-hint.lk svg{width:14px;height:14px;flex:none} .pf2-c{display:flex;flex-wrap:wrap;gap:8px} .pf2-c label{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent} .pf2-c label[hidden]{display:none} .pf2-c input{position:absolute;opacity:0;pointer-events:none} .pf2-c span{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:99px;border:1.5px solid #E2E8F0;background:#fff;font-size:13.5px;font-weight:500;color:#334155;transition:background .2s,border-color .2s,color .2s,box-shadow .2s} .pf2-c input:checked+span{background:#16A34A;border-color:#16A34A;color:#fff;box-shadow:0 6px 14px -8px #16A34A} .pf2-c input:checked+span:before{content:"✓";font-weight:700;font-size:12px} .pf2-c input:focus-visible+span{outline:2px solid #86EFAC;outline-offset:2px} .pf2-c label.bump span{animation:pfB .35s cubic-bezier(.3,1.6,.5,1)} @keyframes pfB{0%{transform:scale(1)}45%{transform:scale(.9)}100%{transform:scale(1)}} .pf2-c.two{display:grid;grid-template-columns:1fr 1fr}.pf2-c.two span{justify-content:center;padding:12px;border-radius:14px;font-size:14.5px;width:100%} .pf2-c.two input:checked+span:before{content:none} .pf2-c.sal span em{font-style:normal;font-size:10.5px;font-weight:700;background:#FEF3C7;color:#92400E;border-radius:99px;padding:1px 7px;margin-left:2px} .pf2-c.sal input:checked+span em{background:rgba(255,255,255,.25);color:#fff} .pf2-lk{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#F8FAFC;border:1px solid #EEF2F6;border-radius:14px;padding:10px 14px;margin-bottom:6px} .pf2-lk small{display:block;font-size:11.5px;color:#94A3B8}.pf2-lk b{font-size:15px;font-weight:600;color:#334155}.pf2-lk i{color:#94A3B8}.pf2-lk i svg{width:16px;height:16px} .pf2-lk.sm{margin:0;align-self:end;min-height:50px} .pf2 .row2{gap:0 10px}.pf2 .fld{margin-top:10px} .row3{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:8px} .pf2-ed{border:1px solid #EEF2F6;background:#FBFDFC;border-radius:16px;padding:12px;margin-top:12px;animation:pgIn .3s var(--ease)}.pf2-ed>b{font-size:14px;font-weight:600}.pf2-ed .fld{margin-top:8px}.pf2-ed[hidden]{display:none} .pf2-ed .fld label{font-size:12px} .pf2-tg{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:500;cursor:pointer} .pf2-tg input{position:absolute;opacity:0} .pf2-tg .sw{flex:none;width:44px;height:26px;border-radius:99px;background:#CBD5E1;position:relative;transition:background .25s} .pf2-tg .sw:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.3,1.5,.5,1)} .pf2-tg input:checked+.sw{background:#16A34A}.pf2-tg input:checked+.sw:after{transform:translateX(18px)} .pf2-add{display:flex;gap:8px;margin-top:10px}.pf2-add input{flex:1;height:42px;border:1.5px dashed #CBD5E1;border-radius:99px;padding:0 16px;font:inherit;font-size:13.5px;background:#fff} .pf2-add button{width:42px;height:42px;border-radius:50%;border:0;background:#DCFCE7;color:#15803D;display:grid;place-items:center;cursor:pointer}.pf2-add button svg{width:18px;height:18px} .pf2-cc{display:block;text-align:right;font-size:12px;color:#94A3B8;margin-top:4px}.pf2-cc.ok{color:#16A34A;font-weight:600} .pf2-nx{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:20px;height:52px;border:0;border-radius:16px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 22px -12px #16A34A;transition:transform .15s} .pf2-nx:active{transform:scale(.97)}.pf2-nx span{transition:transform .2s}.pf2-nx:hover span{transform:translateX(4px)} .pf2-pp{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;border-radius:18px;border:1.5px dashed #86EFAC;background:#F7FEF9;cursor:pointer;font:inherit;color:inherit} .pf2-pp .pf2-hex{width:64px;height:70px;flex:none}.pf2-pp b{display:block;font-size:15px}.pf2-pp small{font-size:12.5px;color:#64748B} .pf2-pp.done{border-style:solid;border-color:#BBF7D0} .pf2-up{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:16px;border:1.5px dashed #CBD5E1;background:#fff;margin-top:10px;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,background .2s} .pf2-up i{flex:none;width:40px;height:40px;border-radius:12px;background:#F1F5F9;color:#64748B;display:grid;place-items:center}.pf2-up i svg{width:20px;height:20px} .pf2-up b{display:block;font-size:14px}.pf2-up small{font-size:12px;color:#94A3B8} .pf2-up.done{border-style:solid;border-color:#BBF7D0;background:#F7FEF9}.pf2-up.done i{background:#16A34A;color:#fff}.pf2-up.done small{color:#15803D} .pf2 .row2 .pf2-up{margin-top:10px} @media (max-width:520px){.pf2 .row2:has(.pf2-up){grid-template-columns:1fr 1fr}.pf2 .row2 .pf2-up{flex-direction:column;text-align:center;gap:8px}} /* ছবি কাটার জানালা */ .crp-w{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.6);display:flex;align-items:flex-end;justify-content:center;animation:fdIn .2s} .crp-w.out{opacity:0;transition:opacity .2s} .crp{width:100%;max-width:440px;background:#fff;border-radius:24px 24px 0 0;padding:20px 18px calc(20px + var(--safe,0px));text-align:center;animation:pgIn .3s var(--ease)} @media (min-width:700px){.crp-w{align-items:center}.crp{border-radius:24px}} .crp>b{display:block;font-size:18px}.crp>small{font-size:12.5px;color:#64748B} .crp-f{position:relative;width:260px;height:260px;margin:16px auto 12px;overflow:hidden;touch-action:none;cursor:grab;border-radius:18px;background:#0F172A} .crp-f img{position:absolute;left:0;top:0;max-width:none;user-select:none;-webkit-user-drag:none} .crp-hx{position:absolute;inset:0;pointer-events:none;background:rgba(15,23,42,.55);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,50% 0,7% 25%,7% 75%,50% 100%,93% 75%,93% 25%,50% 0);} .crp-hx:after{content:""} .crp input[type=range]{width:220px;accent-color:#16A34A} .crp-b{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}.crp-b button{height:50px;border-radius:14px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;border:0}.crp-b [data-cx]{background:#F1F5F9;color:#334155}.crp-b [data-cok]{background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff} @keyframes fdIn{from{opacity:0}} /* pf2 — গোছানো বক্স গ্রিড */ .pf2-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px} .pf2-c span{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;border-radius:12px;border:1.5px solid #E2E8F0;background:#fff;font-size:13.5px;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none} .pf2-c span:before{content:"";flex:none;width:16px;height:16px;border-radius:5px;border:1.5px solid #CBD5E1;background:#fff;transition:.2s} .pf2-c input:checked+span{background:#F0FDF4;border-color:#16A34A;color:#15803D;box-shadow:none} .pf2-c input:checked+span:before{content:"";border-color:#16A34A;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat} .pf2-c input[type=radio]+span:before{border-radius:50%} .pf2-c.two{grid-template-columns:1fr 1fr}.pf2-c.two span{justify-content:flex-start;height:48px;padding:0 14px;font-size:14px} .pf2-c.two input:checked+span:before{content:""} .pf2-c.sal{grid-template-columns:1fr 1fr}.pf2-c.sal span em{margin-left:auto} .pf2-c.sal input:checked+span em{background:#FEF3C7;color:#92400E} .pf2-c.days{grid-template-columns:repeat(3,1fr)} .pf2-q{font-size:14px;margin:18px 0 8px} .row3 input{width:100%} .pf2-c label{min-width:0} .pf2-c span{white-space:normal;height:auto;min-height:44px;padding:8px 10px;line-height:1.25;font-size:13px} .pf2-c.cls,.pf2-c.days{grid-template-columns:repeat(3,1fr)} .row3{grid-template-columns:1.5fr .8fr 1fr}.row3 select{padding-left:10px;padding-right:22px;font-size:14px} .pf2-c.cls{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pf2-c.cls span{white-space:nowrap} /* ===== প্রোফাইল ওভারভিউ + উইজার্ড ===== */ .wo{display:flex;flex-direction:column;gap:10px} .wo-c{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid #E8EDF3;border-radius:20px;padding:16px;cursor:pointer;font:inherit;color:inherit;transition:transform .15s,box-shadow .2s} .wo-c:active{transform:scale(.98)}.wo-c:hover{box-shadow:0 10px 24px -18px rgba(15,23,42,.35)} .wo-c>span{flex:1;min-width:0}.wo-c b{display:block;font-size:15.5px;font-weight:600}.wo-c small{display:block;font-size:12px;color:var(--mut)} .wo-c>svg{width:18px;height:18px;color:#94A3B8;flex:none} .wo-c.full .pf2-num{background:#16A34A;color:#fff}.wo-c.full .pf2-num em{opacity:0}.wo-c.full .pf2-num svg{opacity:1;transform:none}.wo-c.full .pf2-ct{background:#DCFCE7;color:#15803D} .wo-d h2{font-size:16px;margin-bottom:12px}.wo-d[hidden]{display:none} body.wz-on{overflow:hidden} .wz{position:fixed;inset:0;z-index:1600;background:#fff;display:flex;flex-direction:column;animation:wzIn .3s var(--ease)} .wz.out{transform:translateY(24px);opacity:0;transition:.25s} @keyframes wzIn{from{transform:translateY(30px);opacity:0}} .wz-top{display:flex;align-items:center;gap:10px;padding:12px 16px 8px;max-width:560px;width:100%;margin:0 auto} .wz-bk{width:40px;height:40px;border-radius:12px;border:1px solid #E8EDF3;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none;color:#334155}.wz-bk svg{width:20px;height:20px} .wz-top span{flex:1;text-align:center;font-size:13px;font-weight:600;color:#475569} .wz-sx{border:0;background:none;color:#15803D;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap} .wz-pg{display:flex;gap:5px;padding:4px 16px 0;max-width:560px;width:100%;margin:0 auto} .wz-pg i{flex:1;height:4px;border-radius:99px;background:#E8EDF3;transition:background .35s}.wz-pg i.on{background:#22C55E} .wz-b{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch} .wz-s{max-width:560px;margin:0 auto;padding:22px 18px 24px;animation:wzR .32s var(--ease)} .wz-s.l{animation-name:wzL} @keyframes wzR{from{transform:translateX(26px);opacity:0}}@keyframes wzL{from{transform:translateX(-26px);opacity:0}} .wz-ey{font-size:12.5px;font-weight:600;color:#16A34A;margin-bottom:6px} .wz-s h2{font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#0F172A} .wz-sub{font-size:13.5px;color:#64748B;margin-top:6px} .wz-o{display:flex;flex-direction:column;gap:10px;margin-top:20px} .wz-o.grid{display:grid;grid-template-columns:1fr 1fr} .wz-o.list{max-height:none} .wz-op{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:16px;border:1.5px solid #E8EDF3;background:#fff;cursor:pointer;font:inherit;color:#0F172A;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent} .wz-op s{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #CBD5E1;transition:.2s;position:relative} .wz-op.m s{border-radius:6px} .wz-op span{flex:1;min-width:0}.wz-op b{display:block;font-size:15px;font-weight:600}.wz-op small{display:block;font-size:12.5px;color:#64748B;margin-top:2px} .wz-op.on{border-color:#16A34A;background:#F0FDF4;box-shadow:0 8px 18px -14px #16A34A} .wz-op.on s{border-color:#16A34A;background:#16A34A;box-shadow:inset 0 0 0 3px #fff} .wz-op.m.on s{box-shadow:none;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat} .wz-o.grid .wz-op{padding:12px}.wz-o.grid .wz-op b{font-size:14px} .wz-op.bump{animation:pfB .3s cubic-bezier(.3,1.6,.5,1)} .wz-s .fld{margin-top:16px}.wz-s .fld input,.wz-s .fld textarea{font-size:16px} .wz-tip{display:flex;gap:12px;align-items:center;margin-top:24px;padding:12px 14px;border-radius:16px;background:#F8FAFC;border:1px solid #EEF2F6} .wz-tip>*:first-child{flex:none;width:44px;height:44px} .wz-tip p{font-size:13px;color:#475569;line-height:1.5}.wz-tip b{color:#0F172A} .wz-f{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #EEF2F6;max-width:560px;width:100%;margin:0 auto;background:#fff} .wz-skip{flex:0 0 38%;height:52px;border-radius:14px;border:1px solid #E2E8F0;background:#fff;font:inherit;font-weight:600;color:#475569;cursor:pointer} .wz-skip[hidden]{display:none} .wz-nx{flex:1;height:52px;border:0;border-radius:14px;background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 22px -12px #16A34A} .wz-nx svg{width:18px;height:18px}.wz-nx:active{transform:scale(.98)} .wz-done{max-width:420px;margin:0 auto;padding:40px 24px;text-align:center;animation:wzR .35s var(--ease)} .wz-done .py-ck{margin:0 auto 16px}.wz-done h2{font-size:22px;font-weight:700}.wz-done p{color:#64748B;margin:6px 0 14px} .wz-done .pf2-bar{margin:0 auto 20px;max-width:260px} /* ব্যাজ ফ্রেম */ .pf2-fr{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%)} .pf2-fr.b-g{background:linear-gradient(135deg,#86EFAC,#16A34A)}.pf2-fr.b-b{background:linear-gradient(135deg,#93C5FD,#2563EB)}.pf2-fr.b-y{background:linear-gradient(135deg,#FDE68A,#F5B700 55%,#F59E0B)} .pf2-fr .pf2-hex{background:#fff;color:#334155} .pf2-n h1{display:flex;align-items:center;gap:6px} /* ওভারভিউ — প্রিমিয়াম তালিকা */ .wo{gap:0;background:#fff;border:1px solid #E8EDF3;border-radius:22px;padding:6px;box-shadow:0 14px 34px -26px rgba(15,23,42,.35)} .wo-c{border:0;border-radius:16px;padding:14px 12px;background:transparent;position:relative} .wo-c+.wo-c:before{content:"";position:absolute;left:70px;right:12px;top:0;height:1px;background:#F1F5F9} .wo-c:hover{box-shadow:none;background:#F8FAFC} .wo-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.wo-ic svg{width:22px;height:22px} .s-basic .wo-ic{background:#F5F3FF;color:#7C3AED}.s-study .wo-ic{background:#EFF6FF;color:#2563EB}.s-teach .wo-ic{background:#FFF7ED;color:#EA580C}.s-docs .wo-ic{background:#F0FDF4;color:#16A34A} .wo-c b{font-size:15px}.wo-c small{margin-top:2px} .wo-c.full small{color:#16A34A;font-weight:500} .wo-rg{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center} .wo-rg svg{position:absolute;inset:0;transform:rotate(-90deg)}.wo-rg circle{fill:none;stroke:#EEF2F6;stroke-width:3.5}.wo-rg circle.f{stroke:#22C55E;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)} .wo-rg em{font-style:normal;font-size:11px;font-weight:700;color:#475569} .wo-rg>svg+svg,.wo-rg>svg:last-child:not(:first-child){position:static;transform:none;width:18px;height:18px;color:#16A34A} .wo-c.full .wo-rg{background:#F0FDF4;border-radius:50%} /* কাগজের প্রিভিউ */ .pf2-up i.pv{width:64px;height:46px;border-radius:10px;overflow:hidden;position:relative;background:#E2E8F0} .pf2-up i.pv img{width:100%;height:100%;object-fit:cover} .pf2-up i.pv u{position:absolute;right:3px;bottom:3px;width:18px;height:18px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}.pf2-up i.pv u svg{width:11px;height:11px} .pf2 .row2 .pf2-up i.pv,.wo-d .row2 .pf2-up i.pv{width:100%;height:84px} .wo-d .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px} @media (max-width:520px){.wo-d .row2 .pf2-up{flex-direction:column;text-align:center;gap:8px}} .wo-c>span.wo-rg{flex:none} .pbk-r{display:flex;align-items:center;gap:12px;margin-bottom:4px} .pbk-r h1{font-size:20px;font-weight:700;margin:0} .pbk{flex:none;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #E8EDF3;display:grid;place-items:center;color:#334155;box-shadow:0 6px 14px -12px rgba(15,23,42,.4);transition:transform .15s} .pbk:active{transform:scale(.94)}.pbk svg{width:20px;height:20px} .gh-go{position:relative;cursor:pointer;transition:transform .15s,box-shadow .2s} .gh-go:active{transform:scale(.985)}.gh-go:hover{box-shadow:0 14px 30px -22px rgba(190,24,93,.45)} .gh-ar{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.8);display:grid;place-items:center;color:#BE185D}.gh-ar svg{width:18px;height:18px} .gh-go .dh-n{padding-right:42px} /* জব বোর্ড ফিল্টার: দুটি ঘর পাশাপাশি */ .jflt{display:grid!important;grid-template-columns:1fr 1fr;gap:8px} .jflt label{min-width:0} .jf-busy .jl{opacity:.45;transition:opacity .2s} /* সাধারণ প্রশ্ন */ .sx-q{display:flex;flex-direction:column;gap:8px;margin-bottom:14px} .sx-q details{background:#F8FAFC;border:1px solid #EEF2F6;border-radius:14px;padding:0 14px} .sx-q summary{list-style:none;cursor:pointer;padding:13px 22px 13px 0;font-weight:600;font-size:14px;position:relative} .sx-q summary::-webkit-details-marker{display:none} .sx-q summary:after{content:"+";position:absolute;right:0;top:10px;font-size:18px;color:#16A34A;transition:transform .2s} .sx-q details[open] summary:after{transform:rotate(45deg)} .sx-q details p{font-size:13.5px;color:#475569;line-height:1.6;padding-bottom:13px;margin:0} /* টিউশন পাতা: আশেপাশের টিউশন + নিজস্ব লেখা; জব বোর্ডে নিয়োগ হওয়া টিউশন */ .jd-rel{margin-top:22px}.jd-rel h2{font-size:18px;font-weight:700;margin:0 0 12px} .jd-sx{margin-top:22px}.jd-st{margin:0 0 14px;padding-left:20px;color:#475569;font-size:14px;line-height:1.7} .jl-done .job{opacity:.72}.jl-done .job:hover{opacity:1} /* টিউশন কার্ড: বর্ডারে চকচকে ঝিলিক বয়ে যায় (Shimmer Sweep) — নিয়োগ হওয়াগুলোতে নয় */ .job:not(.taken){border-color:transparent} .job:not(.taken)::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;background:linear-gradient(110deg,#DCFCE7 0%,#DCFCE7 40%,#22C55E 50%,#DCFCE7 60%,#DCFCE7 100%);background-size:250% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:jSweep 2.8s linear infinite} .job:not(.taken):nth-child(2n)::after{animation-delay:-.9s}.job:not(.taken):nth-child(3n)::after{animation-delay:-1.8s} @keyframes jSweep{from{background-position:120% 0}to{background-position:-120% 0}} /* পুরনো ফোনেও চলে: স্ক্রিনের বাইরের কার্ডে ঝিলিক থেমে থাকে (ফোন হালকা থাকে); মাস্ক না বুঝলে সাধারণ সবুজ বর্ডার */ .job.joff::after{animation-play-state:paused!important} @supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){.job:not(.taken){border-color:#BBF7D0}.job:not(.taken)::after{display:none}} /* ===== টিউশন পাতা: Clean List ===== */ .jd-main h1{margin-bottom:12px} .jd-main .bgbar{margin:0 0 14px} .jd-salc{display:flex;align-items:flex-end;gap:6px;background:linear-gradient(135deg,#ECFDF3,#F0FDFA);border:1px solid #D1FAE5;border-radius:18px;padding:14px 16px;margin-bottom:14px;position:relative;overflow:hidden;animation:jdIn .5s var(--ease) both} .jd-salc:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:jdShine 3.5s ease-in-out 1s infinite} .jd-salc small{display:block;font-size:12.5px;color:#64748B;font-weight:500}.jd-salc b{font-size:30px;font-weight:700;color:#15803D;font-variant-numeric:tabular-nums;line-height:1.15}.jd-salc em{font-style:normal;color:#64748B;font-size:13.5px;margin-bottom:5px} @keyframes jdShine{0%{left:-60%}55%,100%{left:130%}} .jl2{background:#fff;border:1px solid #EEF2F6;border-radius:18px;padding:2px 14px} .jr{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F1F5F9;animation:jdIn .45s var(--ease) both;animation-delay:calc(var(--d) * 60ms + 120ms)} .jr:last-child{border-bottom:0} .jr i{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;transition:transform .25s}.jr i svg{width:18px;height:18px} .jr:hover i{transform:scale(1.1) rotate(-4deg)} .jr span{flex:1;font-size:13.5px;color:#64748B}.jr b{font-size:14px;font-weight:600;text-align:right;max-width:62%;overflow-wrap:anywhere} .ic-v{background:#F5F3FF;color:#7C3AED}.ic-b{background:#EFF6FF;color:#2563EB}.ic-c{background:#ECFEFF;color:#0891B2}.ic-o{background:#FFF7ED;color:#EA580C}.ic-p{background:#FDF2F8;color:#DB2777}.ic-g{background:#F0FDF4;color:#16A34A}.ic-t{background:#F0FDFA;color:#0D9488}.ic-r{background:#FEF2F2;color:#DC2626} @keyframes jdIn{from{opacity:0;transform:translateY(8px)}} /* আবেদন বাটন: নরম ঢেউ + ঝিলিক — চোখ টানে, বিরক্ত করে না */ .jd-act .btn.w{position:relative;overflow:hidden;animation:jdPulse 2.4s ease-in-out infinite} .jd-act .btn.w:after{content:"";position:absolute;top:0;left:-50%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:jdShine 3s ease-in-out infinite} @keyframes jdPulse{0%,100%{box-shadow:0 10px 20px -12px rgba(22,163,74,.7),0 0 0 0 rgba(34,197,94,.35)}50%{box-shadow:0 10px 20px -12px rgba(22,163,74,.7),0 0 0 7px rgba(34,197,94,0)}} @media (prefers-reduced-motion:reduce){.jr,.jd-salc,.jd-salc:after,.jd-act .btn.w,.jd-act .btn.w:after{animation:none}} @media (max-width:900px){body[data-page="job"] .wa-float{bottom:150px}} /* বেতনের কার্ড: উপরে JOB/অবস্থা/সময়, মাঝখানে টাকা */ .jd-salc{flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 16px 16px} .jd-salc .jd-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 8px} .jd-salc .jd-meta .chip{background:rgba(255,255,255,.75)} .jd-salc>small{font-size:12.5px;color:#64748B;font-weight:500} .jd-amt{display:flex;align-items:baseline;justify-content:center;gap:6px}.jd-amt b{font-size:34px;font-weight:700;color:#15803D;font-variant-numeric:tabular-nums;line-height:1.1}.jd-amt em{font-style:normal;color:#64748B;font-size:13.5px} .jr-loc b small{display:block;font-size:12.5px;font-weight:500;color:#64748B;margin-top:2px} .jd-all{margin:12px 0 0;text-align:center}.jd-all a{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:99px;background:#fff;border:1.5px solid #BBF7D0;color:#15803D;font-weight:600;font-size:14px;text-decoration:none;box-shadow:0 8px 18px -14px rgba(22,163,74,.6);transition:transform .15s,background .2s}.jd-all a:hover{background:#F0FDF4;transform:translateY(-1px)} .jd-salc .jd-meta{flex-wrap:nowrap;gap:5px;max-width:100%}.jd-salc .jd-meta .chip{white-space:nowrap;font-size:11.5px;padding:3px 9px} @media (max-width:380px){.jd-salc .jd-meta .chip{font-size:10.5px;padding:3px 7px}} /* ===== সেটিংস ===== */ .st-w{padding-bottom:30px}.st-g{margin-top:18px}.st-g h2{font-size:13px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px 6px} .st-c{background:#fff;border:1px solid #E8EDF3;border-radius:18px;overflow:hidden} .st-r{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:none;font:inherit;text-align:left;color:#0F172A;text-decoration:none;cursor:pointer;transition:background .15s} .st-r+.st-r,.st-push+.st-r{border-top:1px solid #F1F5F9}.st-r:hover{background:#F8FAFC}.st-r:active{background:#F1F5F9} div.st-r{cursor:default}div.st-r:hover{background:none} .st-r>i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.st-r>i svg{width:20px;height:20px} .st-r>span{flex:1;min-width:0}.st-r b{display:block;font-size:15px;font-weight:600}.st-r small{display:block;font-size:12.5px;color:#64748B;margin-top:1px} .c-g>i{background:#E7F7EE;color:#16A34A}.c-o>i{background:#FFF7ED;color:#EA580C}.c-s>i{background:#F1F5F9;color:#475569}.c-p>i{background:#FDF2F8;color:#DB2777}.c-b>i{background:#EFF6FF;color:#2563EB}.c-v>i{background:#F5F3FF;color:#7C3AED}.c-c>i{background:#ECFEFF;color:#0891B2}.c-r>i{background:#FEF2F2;color:#DC2626} .st-go{color:#94A3B8;display:grid}.st-go svg{width:18px;height:18px} .st-sw{flex:none;width:46px;height:28px;border-radius:99px;background:#CBD5E1;position:relative;transition:background .25s} .st-sw:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.3,1.5,.5,1)} [aria-pressed=true] .st-sw{background:#16A34A}[aria-pressed=true] .st-sw:after{transform:translateX(18px)} .st-lang>i{background:#ECFEFF;color:#0891B2}.st-r.langbtn span{display:block} .st-out{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:22px;height:52px;border-radius:16px;border:1.5px solid #FECACA;background:#fff;color:#DC2626;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.st-out:hover{background:#FEF2F2}.st-out svg{width:20px;height:20px} .st-push:not([hidden]){display:block} /* ড্যাশবোর্ড: ৩টা নিজস্ব কাজ (লেনদেন · ব্যাজ · রিকোয়েস্ট) */ .dg-grid.dg-3{grid-template-columns:repeat(3,1fr)!important;max-width:560px;margin-left:auto;margin-right:auto} .dg-grid.dg-3{max-width:none!important} .st-push .mrow{display:flex!important;align-items:center;gap:12px;width:100%;padding:13px 14px!important;border:0!important;background:none!important;font:inherit;text-align:left;color:#0F172A;cursor:pointer;min-height:0!important} .st-push .mrow>svg{flex:none;width:38px!important;height:38px!important;padding:9px;border-radius:12px;background:#FFF1F2;color:#E11D48} .st-push .mrow b{flex:1;font-size:15px;font-weight:600} .st-push .sw{flex:none;width:46px!important;height:28px!important;border-radius:99px;background:#CBD5E1!important;position:relative} .st-push .sw:after{content:""!important;position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.3,1.5,.5,1)} .st-push [aria-pressed=true] .sw{background:#16A34A!important}.st-push [aria-pressed=true] .sw:after{transform:translateX(18px)} /* ড্যাশবোর্ড: ব্যাজ স্লাইড */ .br-s{overflow:hidden} .br-s [data-bcw2]{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;margin:0 -4px} .br-s [data-bcw2]::-webkit-scrollbar{display:none} .br-s .bc-c{flex:0 0 84%;scroll-snap-align:center} @media (min-width:900px){.br-s [data-bcw2]{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.br-s .bc-c{flex:auto}.br-s .bc-dots{display:none}} /* ===== সেটিংস v2: প্রিমিয়াম গোল আইকন, প্রোফাইল কার্ড, পাসওয়ার্ড ===== */ .st-w h1{font-size:24px;font-weight:700;margin:0} .st-r>i{border-radius:50%!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(15,23,42,.45),inset 0 1px 0 rgba(255,255,255,.3)} .st-r>i svg{width:19px;height:19px} .g-green{background:linear-gradient(135deg,#4ADE80,#15803D)}.g-orange{background:linear-gradient(135deg,#FDBA74,#EA580C)}.g-amber{background:linear-gradient(135deg,#FCD34D,#D97706)}.g-teal{background:linear-gradient(135deg,#5EEAD4,#0F766E)} .g-pink{background:linear-gradient(135deg,#F9A8D4,#DB2777)}.g-rose{background:linear-gradient(135deg,#FDA4AF,#E11D48)}.g-blue{background:linear-gradient(135deg,#60A5FA,#1D4ED8)}.g-violet{background:linear-gradient(135deg,#C4B5FD,#6D28D9)} .g-cyan{background:linear-gradient(135deg,#67E8F9,#0E7490)}.g-wa{background:linear-gradient(135deg,#4ADE80,#128C7E)}.g-fb{background:linear-gradient(135deg,#60A5FA,#1877F2)}.g-slate{background:linear-gradient(135deg,#94A3B8,#475569)}.g-red{background:linear-gradient(135deg,#FCA5A5,#DC2626)} .st-lang>i{background:linear-gradient(135deg,#67E8F9,#0E7490)!important} .st-r+.st-r,.st-push+.st-r,.st-nopush+.st-r,.st-push+.st-nopush{border-top:1px solid #F1F5F9} .st-push .mrow>svg{border-radius:50%!important;background:linear-gradient(135deg,#F9A8D4,#DB2777)!important;color:#fff!important;stroke:#fff} .st-me{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;background:#fff;border:1px solid #E8EDF3;border-radius:20px;text-decoration:none;color:#0F172A;box-shadow:0 10px 26px -20px rgba(15,23,42,.4);transition:transform .15s,box-shadow .2s} .st-me:hover{box-shadow:0 14px 30px -18px rgba(15,23,42,.45)}.st-me:active{transform:scale(.99)} .st-me>span:nth-child(2){flex:1;min-width:0}.st-me b{display:block;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-me small{font-size:13px;color:#64748B} .st-av{flex:none;width:56px;height:56px;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,#4ADE80,#15803D)} .st-av img,.st-av b{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;box-sizing:border-box;background:#F1F5F9;font-size:22px;color:#15803D} .st-ver{text-align:center;font-size:12px;color:#94A3B8;margin:18px 0 0} .pwf{margin-top:16px;padding:20px;display:flex;flex-direction:column;gap:14px} .pwf .fld label{display:block;font-size:13.5px;font-weight:600;color:#334155;margin-bottom:6px} .pwf input{width:100%;box-sizing:border-box;height:50px;border:1.5px solid #E2E8F0;border-radius:14px;padding:0 14px;font:inherit;font-size:15px;background:#F8FAFC;transition:border .2s,background .2s} .pwf input:focus{outline:0;border-color:#16A34A;background:#fff;box-shadow:0 0 0 4px rgba(22,163,74,.12)} .pwf .err:empty{display:none}.pwf .err{color:#DC2626;font-size:13.5px;font-weight:500} .pwf-fg{align-self:center;font-size:14px;font-weight:600;color:#2563EB;text-decoration:none}.pwf-fg:hover{text-decoration:underline} .pwf-ok{text-align:center;padding:10px 0}.pwf-ok>b{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:linear-gradient(135deg,#4ADE80,#15803D);color:#fff;font-size:30px;animation:dsPop .5s cubic-bezier(.3,1.6,.5,1)} .pwf-ok h2{margin:0 0 4px;font-size:20px}.pwf-ok p{color:#64748B;margin:0 0 16px} /* ===================== ফেজ ২: সোশ্যাল (ফেসবুকের মতো) ===================== */ /* ফলো বাটন */ .post-h>div{flex:1;min-width:0} .fol-b{flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 13px;border-radius:99px;border:0;background:#E7F3FF;color:#1877F2;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .15s} .fol-b svg{width:15px;height:15px}.fol-b:hover{background:#DBEAFE}.fol-b:active{transform:scale(.94)} .fol-b.on{background:#F1F5F9;color:#475569}.fol-b.pulse{animation:dsPop .45s cubic-bezier(.3,1.6,.5,1)} .fol-b:not([data-p]){visibility:hidden} /* লেখার নিচের বোতাম */ .post-f .pbtn.pv{cursor:default} /* অতিথিকে একাউন্ট খুলতে বলা */ .jam .modal-in{max-width:380px;padding:26px 22px 18px} .ja{text-align:center;display:flex;flex-direction:column;gap:10px}.ja .tm{margin:0 auto} .ja h3{margin:4px 0 0;font-size:20px;font-weight:700}.ja p{margin:0 0 6px;color:#64748B;font-size:14.5px;line-height:1.6} .ja .btn{text-decoration:none}.ja-x{border:0;background:none;color:#64748B;font:inherit;font-size:14px;padding:8px;cursor:pointer} /* কমেন্ট */ .cm-s{margin-top:12px;padding:16px}.cm-s h2{font-size:16px;margin:0 0 10px}.cm-s h2 span{color:#64748B;font-weight:500} .cm-l{display:flex;flex-direction:column;gap:12px} .cm{display:flex;gap:8px;align-items:flex-start}.cm.new{animation:msgIn .35s var(--ease)} .cm .av{width:34px;height:34px;font-size:14px;flex:none} .cm-m{min-width:0;flex:1}.cm-b{display:inline-block;max-width:100%;background:#F0F2F5;border-radius:18px;padding:8px 13px} .cm-b b{display:flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600}.cm-b b a{color:#0F172A} .cm-b p{margin:1px 0 0;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere;color:#1E293B} .cm small{display:block;font-size:12px;color:#65676B;margin:3px 0 0 12px;font-weight:500} .cm small button{border:0;background:none;padding:0;font:inherit;color:#65676B;font-weight:600;cursor:pointer}.cm small button:hover{text-decoration:underline} .cm-e{display:flex;align-items:center;gap:10px;color:#64748B;font-size:14px;padding:6px 2px}.cm-e .tm{width:48px;height:48px;flex:none} .cm-sk i{display:block;height:44px;border-radius:18px;background:linear-gradient(90deg,#F1F5F9,#E8EDF3,#F1F5F9);background-size:200% 100%;animation:skel 1.2s linear infinite;margin-bottom:10px;width:70%}.cm-sk i:nth-child(2){width:52%} @keyframes skel{to{background-position:-200% 0}} .cm-f{display:flex;gap:8px;align-items:flex-end;margin-top:12px} .cm-f textarea{flex:1;min-width:0;border:0;background:#F0F2F5;border-radius:20px;padding:10px 15px;font:inherit;font-size:15px;resize:none;max-height:120px;outline:0;line-height:1.4} .cm-f textarea:focus{background:#E9ECF0} .cm-f button{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:none;color:#94A3B8;display:grid;place-items:center;cursor:pointer;transition:color .2s,transform .15s} .cm-f button svg{width:21px;height:21px}.cm-f.has button{color:#16A34A}.cm-f button:active{transform:scale(.9)} /* কমেন্ট শিট: মোবাইলে নিচ থেকে, ডেস্কটপে মাঝখানে */ .cm-w .cm-sh{top:auto;height:min(86vh,720px);border-radius:22px 22px 0 0;transform:translateY(100%);box-shadow:0 -20px 40px rgba(15,23,42,.18)} .cm-w.open .cm-sh{transform:none} .cm-sh .hs-top{justify-content:center;position:relative;height:56px;padding-top:0}.cm-sh .hs-top h3{margin:0;font-size:16.5px;font-weight:700} .hs-g{position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:9px;background:#CBD5E1} .cm-sh .hs-x{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#F1F5F9;color:#475569;display:grid;place-items:center;cursor:pointer}.cm-sh .hs-x svg{width:16px;height:16px} .cm-sh .cm-l{flex:1;overflow-y:auto;padding:14px 14px 6px} .cm-sh .cm-f{margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #EEF2F6;background:#fff} @media (min-width:769px){.cm-w .cm-sh{left:50%;right:auto;top:50%;bottom:auto;width:560px;height:min(80vh,680px);margin:0 0 0 -280px;border-radius:20px;transform:translateY(-46%) scale(.96);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.25,1),opacity .2s}.cm-w.open .cm-sh{transform:translateY(-50%);opacity:1}.cm-sh .hs-g{display:none}} /* স্টোরি সারি */ .sr-rail{margin:4px 0 12px}.sr-rail[hidden]{display:none} .sr-row,.sr-sk{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;scroll-snap-type:x proximity}.sr-row::-webkit-scrollbar{display:none} .sr-sk i{flex:none;width:104px;height:176px;border-radius:14px;background:linear-gradient(90deg,#EEF2F6,#E2E8F0,#EEF2F6);background-size:200% 100%;animation:skel 1.2s linear infinite} .sr-c{position:relative;flex:none;width:104px;height:176px;border-radius:14px;border:0;padding:0;overflow:hidden;cursor:pointer;background:var(--sb,#16A34A);background-size:cover;background-position:center;scroll-snap-align:start;box-shadow:0 6px 16px -10px rgba(15,23,42,.5);transition:transform .2s} .sr-c:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 35%,transparent 55%,rgba(0,0,0,.6))} .sr-c:hover{transform:translateY(-2px)}.sr-c:active{transform:scale(.97)} .sr-c p{position:absolute;inset:34px 8px 30px;margin:0;display:grid;place-items:center;text-align:center;color:#fff;font-size:12.5px;font-weight:600;line-height:1.35;overflow:hidden;z-index:1} .sr-c .sr-av{position:absolute;top:8px;left:8px;z-index:2;width:36px;height:36px;border-radius:50%;padding:2.5px;background:linear-gradient(135deg,#1877F2,#22C55E)} .sr-c.seen .sr-av{background:#CBD5E1} .sr-av .av{width:100%;height:100%;border-radius:50%;border:2px solid #fff;box-sizing:border-box;font-size:13px;display:grid;place-items:center;object-fit:cover} .sr-c em{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;font-style:normal;color:#fff;font-size:12.5px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sr-new{background:#fff;border:1px solid #E5E7EB;box-shadow:0 4px 12px -8px rgba(15,23,42,.3)}.sr-new:after{display:none} .sr-ph{position:absolute;inset:0 0 54px;display:grid;place-items:center;background:#E2E8F0;overflow:hidden}.sr-ph img{width:100%;height:100%;object-fit:cover}.sr-ph b{font-size:38px;color:#94A3B8} .sr-new i{position:absolute;left:50%;bottom:36px;margin-left:-17px;width:34px;height:34px;border-radius:50%;background:#1877F2;color:#fff;border:3.5px solid #fff;display:grid;place-items:center;z-index:2}.sr-new i svg{width:16px;height:16px} .sr-new em{color:#0F172A;text-align:center;bottom:10px} .sr-plus{position:absolute;z-index:3;top:34px;left:34px;width:20px;height:20px;border-radius:50%;background:#1877F2;color:#fff;border:2px solid #fff;display:grid;place-items:center}.sr-plus svg{width:11px;height:11px} /* স্টোরি দেখা (পুরো স্ক্রিন) */ .sv,.sc{position:fixed;inset:0;z-index:1400;background:#0B0F17;display:flex;align-items:center;justify-content:center;animation:svIn .22s ease} .sv.out,.sc.out{animation:svOut .2s ease forwards}@keyframes svIn{from{opacity:0;transform:scale(.97)}}@keyframes svOut{to{opacity:0;transform:scale(.97)}} .sv-in,.sc-in{position:relative;width:100%;height:100%;max-width:440px;max-height:min(100vh,860px);overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none} @media (min-width:769px){.sv-in,.sc-in{border-radius:18px;height:92vh}} .sv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain} .sv-bars{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3} .sv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}.sv-bars i.done b{width:100%} .sv-bars b{display:block;height:100%;width:0;background:#fff}.sv-bars b.run{animation:svBar 5s linear forwards}@keyframes svBar{to{width:100%}} .sv-h{position:absolute;top:22px;left:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:4;color:#fff} .sv-h a,.sv-h>span{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;min-width:0} .sv-h .av{width:38px;height:38px;border-radius:50%;border:2px solid #fff;font-size:14px;display:grid;place-items:center;object-fit:cover;box-sizing:border-box;background:#fff;color:#334155} .sv-h b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.4)}.sv-h small{opacity:.8;font-size:12.5px;flex:none} .sv-x{margin-left:auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.25);color:#fff;display:grid;place-items:center;cursor:pointer}.sv-x svg{width:20px;height:20px} .sv-t{position:relative;z-index:2;margin:0;padding:0 26px;color:#fff;font-size:24px;font-weight:700;line-height:1.45;text-align:center;overflow-wrap:anywhere;text-shadow:0 2px 10px rgba(0,0,0,.2)} .sv-t.cap{position:absolute;left:0;right:0;bottom:84px;font-size:16px;font-weight:500;padding:10px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55))} .sv-p,.sv-n{position:absolute;top:80px;bottom:80px;width:35%;border:0;background:none;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent}.sv-p{left:0}.sv-n{right:0;width:65%} .sv-f{position:absolute;left:0;right:0;bottom:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:4;color:#fff} .sv-f span{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.sv-f svg{width:19px;height:19px} .sv-f>button{border:0;border-radius:99px;padding:8px 16px;background:rgba(255,255,255,.18);color:#fff;font:inherit;font-weight:600;cursor:pointer} .sv-fol{margin:0 auto;height:40px;padding:0 20px;background:#fff;color:#1877F2}.sv-fol.on{background:rgba(255,255,255,.2);color:#fff} /* স্টোরি বানানো */ .sc-in{flex-direction:column;justify-content:space-between;transition:background .3s} .sc-h{width:100%;display:flex;align-items:center;gap:10px;padding:14px;box-sizing:border-box;color:#fff;z-index:2}.sc-h b{flex:1;font-size:16px} .sc-h button{border:0;background:rgba(0,0,0,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer}.sc-h svg{width:20px;height:20px} .sc-h .sc-go{width:auto;border-radius:99px;padding:0 20px;background:#fff;color:#0F172A;font:inherit;font-weight:700} .sc-img{position:absolute;inset:0;display:flex;align-items:center}.sc-img img{width:100%;max-height:100%;object-fit:contain} .sc-in textarea{position:relative;z-index:2;width:100%;box-sizing:border-box;flex:1;border:0;background:none;resize:none;color:#fff;font:inherit;font-size:26px;font-weight:700;text-align:center;padding:30% 26px 10px;outline:0;line-height:1.45} .sc-in textarea::placeholder{color:rgba(255,255,255,.7)} .sc.has-img .sc-in textarea{flex:none;margin-top:auto;padding:12px 18px;font-size:16px;font-weight:500;background:rgba(0,0,0,.45);height:76px} .sc-f{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;box-sizing:border-box} .sc-cs{display:flex;gap:8px}.sc-cs button{width:30px;height:30px;border-radius:50%;border:2.5px solid rgba(255,255,255,.6);cursor:pointer;padding:0}.sc-cs button.on{border-color:#fff;transform:scale(1.15)} .sc-ph{display:flex;align-items:center;gap:6px;border:0;border-radius:99px;padding:9px 14px;background:rgba(255,255,255,.95);color:#0F172A;font:inherit;font-weight:600;cursor:pointer}.sc-ph svg{width:18px;height:18px} .sc-n{position:relative;z-index:2;color:rgba(255,255,255,.75);font-size:12px;padding:0 0 calc(12px + env(safe-area-inset-bottom))} /* ড্যাশবোর্ড: নিউজফিডের হিসাব */ .soc-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .soc-i{text-align:center;padding:14px 4px;border-radius:16px;background:#F8FAFC} .soc-i b{display:block;font-size:22px;font-weight:700;line-height:1.2}.soc-i span{font-size:12.5px;color:#64748B} .s-f b{color:#1877F2}.s-l b{color:#E11D48}.s-c b{color:#7C3AED}.s-v b{color:#0E7490} @media (max-width:420px){.soc-i b{font-size:19px}.soc-g{gap:6px}} /* ===================== মেসেঞ্জারের মতো চ্যাট ===================== */ .ms-w{max-width:1100px;padding:16px 0 20px} .ms{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - var(--hd,64px) - 36px);min-height:480px;background:#fff;border:1px solid #E8EDF3;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -22px rgba(15,23,42,.35)} .ms-list{border-right:1px solid #EEF2F6;padding:10px 8px;overflow-y:auto} .ms-lh{padding:6px 10px 10px}.ms-lh h1{font-size:24px;font-weight:700;margin:0} .ms-it{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;text-decoration:none;color:#0F172A;transition:background .15s} .ms-it:hover{background:#F4F6F8}.ms-it.on{background:#EAF6EF} .ms-av,.ms-hav{position:relative;flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center} .ms-av.bg,.ms-hav.bg{background:#FFF3DC}.ms-av.bg .tm,.ms-hav.bg .tm{width:52px;height:52px;margin-top:8px;border-radius:0 0 26px 26px} .ms-av.bg{overflow:visible}.ms-av.bg .tm{clip-path:circle(26px at 50% 42%)} .ms-av.sp,.ms-hav.sp{background:linear-gradient(135deg,#4ADE80,#15803D);color:#fff}.ms-av.sp svg{width:26px;height:26px} .on-dot{position:absolute;right:1px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#22C55E;border:2.5px solid #fff;display:block} .ms-tx{flex:1;min-width:0}.ms-tx b{display:block;font-size:15.5px;font-weight:600}.ms-tx small{display:block;font-size:13px;color:#65676B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ms-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ms-r time{font-size:12px;color:#94A3B8} .ms-n{font-style:normal;background:#1877F2;color:#fff;font-size:11.5px;font-weight:700;border-radius:99px;padding:1px 7px;min-width:20px;text-align:center}.ms-n:empty{display:none} .ms-it.unread .ms-tx b,.ms-it.unread .ms-tx small{font-weight:700;color:#0F172A} .ms-tip{margin:14px 10px;font-size:12.5px;color:#94A3B8;line-height:1.6} .ms-th{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff} .ms-hd{flex:none;display:flex;align-items:center;gap:10px;height:64px;padding:0 14px;border-bottom:1px solid #EEF2F6} .ms-hav{width:42px;height:42px}.ms-hav.bg .tm{width:40px;height:40px;margin-top:6px;clip-path:circle(20px at 50% 42%)}.ms-hav.sp svg{width:21px;height:21px}.ms-hav .on-dot{width:12px;height:12px;right:-1px;bottom:0} .ms-hn{min-width:0}.ms-hn b{display:block;font-size:15.5px}.ms-hn small{font-size:12.5px;color:#65676B} .ms-bk{display:none;width:38px;height:38px;border:0;border-radius:50%;background:none;color:#16A34A;place-items:center;cursor:pointer;margin-left:-6px}.ms-bk svg{width:24px;height:24px} .ms .chat-l{background:#fff;padding:16px 14px;gap:6px} .ms .msg>div{border:0;background:#F0F2F5;border-radius:18px} .ms .msg.me>div{background:linear-gradient(180deg,#22C55E,#16A34A);color:#fff;border-bottom-right-radius:6px} .ms .msg.st>div{background:#F0F2F5}.ms .msg.st small{color:#15803D} .ms .msg.bg>div,.ms .msg.st>div{border-bottom-left-radius:6px} .ms .msg+.msg{margin-top:2px} .ms .msg.sending{opacity:.6} .msg-av.sp{background:linear-gradient(135deg,#4ADE80,#15803D);color:#fff;display:grid;place-items:center}.msg-av.sp svg{width:17px;height:17px} .ms button.msg-a{border:0;background:#fff;border-radius:99px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;box-shadow:0 1px 3px rgba(15,23,42,.12)} .ms .msg-n button.msg-a{margin:4px 0 0;display:inline-block} .ms .chat-q[hidden]{display:none} .ms .chat-f{border-top:1px solid #F1F5F9} .ms .chat-f textarea{border:0;background:#F0F2F5;border-radius:22px;padding:11px 16px}.ms .chat-f textarea:focus{outline:0;background:#E9ECF0} .ms .chat-f .btn{background:none;color:#94A3B8;box-shadow:none}.ms .chat-f.has .btn{color:#16A34A}.ms .chat-f .btn:after{display:none} .ms-empty{display:none} .ms:not(.open) .ms-th>*:not(.ms-empty){display:none}.ms:not(.open) .ms-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748B} @media (max-width:768px){ .ms-w{padding:0;max-width:none} .ms{display:block;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;background:none} .ms-list{border:0;padding:8px 6px} .ms-th{display:none} .ms.open .ms-th{display:flex;position:fixed;inset:0;z-index:1200;animation:msIn .25s cubic-bezier(.2,.9,.25,1)} .ms.open .ms-list{visibility:hidden} .ms-hd{padding-top:env(safe-area-inset-top);height:60px} .ms-bk{display:grid} .ms .chat-f{padding-bottom:calc(12px + env(safe-area-inset-bottom))} } @keyframes msIn{from{transform:translateX(30%);opacity:.4}} html.ms-lock,html.ms-lock body{overflow:hidden} .pf-fol{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 4px;font-size:14px;color:#64748B}.pf-fol b{color:#0F172A;font-size:16px} .cm .av,.sr-av .av,.sv-h .av{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#E2E8F0,#CBD5E1);color:#334155;font-weight:700;object-fit:cover;overflow:hidden} .cm img.av,.sr-av img.av,.sv-h img.av{background:#E2E8F0} /* নোটিফিকেশনে রিয়্যাকশনের ছোট চিহ্ন (ফেসবুকের মতো) */ .nt-i{position:relative} .nt-i.like:after,.nt-i.comment:after,.nt-i.follow:after{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:2px solid #fff;color:#fff} .nt-i.like:after{content:"❤";background:linear-gradient(135deg,#FB7185,#E11D48)} .nt-i.comment:after{content:"💬";background:linear-gradient(135deg,#4ADE80,#16A34A);font-size:10px} .nt-i.follow:after{content:"+";font-weight:800;font-size:15px;background:linear-gradient(135deg,#60A5FA,#1877F2)} /* ===================== নিউজফিড v2 — ফেসবুকের মতো ===================== */ body[data-page=feed],body[data-page=post]{background:#F0F2F5} .feed{max-width:600px;padding-top:12px} .feed .card{border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.1);border:0} /* লেখার বক্স */ .fc{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:10px} .pav{position:relative;flex:none;display:block;width:42px;height:42px;border-radius:50%;padding:0;box-sizing:border-box} .pav .av{width:100%!important;height:100%!important;border-radius:50%!important;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#E2E8F0,#CBD5E1);color:#334155;font-weight:700;font-size:16px;overflow:hidden} .pav .av svg{width:60%;height:60%;color:#94A3B8} .pav.has-st{padding:2.5px;background:conic-gradient(from 210deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75);cursor:pointer} .pav.has-st .av{border:2px solid #fff;box-sizing:border-box} .pav.has-st.seen{background:#CBD5E1} .fc-in{flex:1;min-width:0;height:42px;border:0;border-radius:99px;background:#F0F2F5;padding:0 16px;text-align:left;font:inherit;font-size:15.5px;color:#65676B;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s} .fc-in:hover{background:#E4E6E9} .fc-ph{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:none;color:#45BD62;display:grid;place-items:center;cursor:pointer}.fc-ph svg{width:24px;height:24px}.fc-ph:hover{background:#F0F2F5} /* স্টোরির সারি: সাদা কার্ডে */ .feed .sr-rail{padding:12px;margin:0 0 10px} /* টপিক */ .feed .feed-cats{margin:0 0 10px;padding:2px 0} .feed .feed-cats a{flex:none;padding:7px 14px;border-radius:99px;background:#fff;color:#334155;font-size:13.5px;font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.08);white-space:nowrap;text-decoration:none;border:0} .feed .feed-cats a.on{background:#E7F3FF;color:#1877F2} .feed-l{gap:10px!important} /* লেখা */ .post{padding:12px 0 0!important;overflow:hidden;animation:postIn .35s var(--ease) both} @keyframes postIn{from{opacity:0;transform:translateY(8px)}} .post.gone{opacity:0;transform:scale(.97);transition:.3s} .post-h{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:8px} .post-w{flex:1;min-width:0} .post-nl{display:flex;align-items:center;gap:4px;min-width:0} .post-n{min-width:0;font-size:15px;font-weight:600;color:#050505!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none} .post-n:hover{text-decoration:underline} .post-nl .vt{flex:none;width:15px;height:15px} .fol-l{flex:none;border:0;background:none;padding:0 0 0 2px;font:inherit;font-size:14px;font-weight:600;color:#1877F2;cursor:pointer;white-space:nowrap} .fol-l:before{content:"· ";color:#65676B;font-weight:400} .fol-l.on{display:none}.fol-l svg{display:none} .fol-l:not([data-p]){visibility:hidden} .post-h small{display:block;font-size:12.5px;color:#65676B;line-height:1.4}.post-h small a{color:#65676B;text-decoration:none} .post-mo{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:none;color:#65676B;display:grid;place-items:center;cursor:pointer;margin-right:-4px}.post-mo svg{width:20px;height:20px}.post-mo:hover{background:#F0F2F5} .post-b{padding:0 14px 10px;font-size:15px;line-height:1.6;color:#050505} .post-b.big{font-size:22px;line-height:1.45;font-weight:500;padding:4px 14px 14px} .post-more{font-weight:600;color:#65676B!important} .post-im{position:relative;background:#F0F2F5} .post-img{border-radius:0!important;margin:0!important;max-height:620px!important;width:100%;object-fit:cover} .dt-h{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px 0 0 -48px;pointer-events:none;animation:dtH .9s cubic-bezier(.2,1.4,.4,1) forwards;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))} .dt-h svg{width:100%;height:100%} @keyframes dtH{0%{transform:scale(0);opacity:0}15%{transform:scale(1.2);opacity:1}30%{transform:scale(.95)}45%{transform:scale(1)}80%{opacity:1}100%{transform:scale(1.1) translateY(-30px);opacity:0}} .post-s{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 8px;font-size:14px;color:#65676B;min-height:20px} .ps-l{display:flex;align-items:center;gap:6px}.ps-l[hidden]{display:none} .ps-l i{width:19px;height:19px;border-radius:50%;background:linear-gradient(180deg,#FF6680,#E0245E);display:grid;place-items:center;color:#fff}.ps-l i svg{width:11px;height:11px;fill:#fff;stroke:#fff} .ps-r{margin-left:auto;display:flex;gap:10px}.ps-r button{border:0;background:none;padding:0;font:inherit;color:#65676B;cursor:pointer}.ps-r button:hover{text-decoration:underline}.ps-r button[hidden]{display:none} .ps-r em{font-style:normal} .post-f{display:grid!important;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 12px!important;padding:3px 0!important;border-top:1px solid #E4E6EB!important} .post-f .pbtn{justify-content:center;height:40px;border-radius:8px;font-size:14.5px;font-weight:600;color:#65676B;width:100%;padding:0} .post-f .pbtn svg{width:20px;height:20px} .post-f .pbtn:hover{background:#F0F2F5} .post-f .pbtn.on{color:#E0245E}.post-f .pbtn.on svg{fill:#E0245E;stroke:#E0245E;animation:likePop .45s cubic-bezier(.3,1.7,.5,1)} @keyframes likePop{40%{transform:scale(1.35)}} .feed-end{text-align:center;color:#65676B;font-size:14px;margin:18px 0} /* মোবাইল: ফেসবুকের মতো কিনারা পর্যন্ত */ @media (max-width:600px){ .feed{padding-left:0!important;padding-right:0!important;padding-top:0} .feed .card{border-radius:0;box-shadow:none} .feed .fc{margin-bottom:6px}.feed .sr-rail{margin-bottom:6px} .feed .feed-cats{margin:0 0 6px;padding:8px 12px} .feed-l{gap:6px!important} .cm-s{margin-top:6px!important} } /* "যাদের ফলো করতে পারেন" */ .sg{padding:12px 0 14px!important}.sg-h{padding:0 14px 10px}.sg-h b{display:block;font-size:16px}.sg-h small{color:#65676B;font-size:13px} .sg-r{display:flex;gap:8px;overflow-x:auto;padding:0 14px;scrollbar-width:none;scroll-snap-type:x proximity}.sg-r::-webkit-scrollbar{display:none} .sg-c{flex:none;width:150px;border:1px solid #E4E6EB;border-radius:12px;padding:14px 10px 10px;text-align:center;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start} .sg-a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#050505} .sg-a .av{width:76px;height:76px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:28px;font-weight:700;background:linear-gradient(135deg,#E2E8F0,#CBD5E1);color:#334155} .sg-a b{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;max-width:100%}.sg-a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sg-a b i{flex:none;width:14px;height:14px;border-radius:50%;color:#fff;font-size:9px;font-style:normal;display:grid;place-items:center} .sg-a small{font-size:12.5px;color:#65676B} .sg-c .fol-b{justify-content:center;width:100%} /* লেখা তৈরি (পুরো স্ক্রিন / মাঝখানে) */ .cp{display:flex;flex-direction:column} .cp-top{justify-content:space-between!important}.cp-top .hs-x{position:static!important} .cp-go{border:0;border-radius:8px;padding:8px 18px;background:#E4E6EB;color:#BCC0C4;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.cp-go.on{background:#1877F2;color:#fff} .cp-b{flex:1;overflow-y:auto;padding:14px} .cp-me{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cp-me b{display:block;font-size:15px} .cp-me select{margin-top:3px;border:0;border-radius:6px;background:#E4E6EB;font:inherit;font-size:12.5px;font-weight:600;padding:3px 6px} .cp textarea{width:100%;border:0;outline:0;resize:none;font:inherit;font-size:20px;line-height:1.45;min-height:140px;background:none} .cp .err:empty{display:none}.cp .err{color:#DC2626;font-size:14px;margin-top:6px} .cp-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #E4E6EB;color:#65676B;font-size:13px} .cp-ph{display:flex;align-items:center;gap:6px;border:1px solid #E4E6EB;border-radius:99px;background:#fff;padding:8px 14px;font:inherit;font-weight:600;color:#45BD62;cursor:pointer}.cp-ph svg{width:20px;height:20px} .cp-w .cm-sh{height:100%;border-radius:0} @media (min-width:769px){.cp-w .cm-sh{height:min(80vh,620px);border-radius:16px}} .compose-img{position:relative;margin-top:10px}.compose-img img{width:100%;border-radius:10px;display:block}.compose-img [data-cx]{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:20px;cursor:pointer} /* ⋯ মেনু */ .am-w .am{height:auto;padding:22px 8px calc(10px + env(safe-area-inset-bottom))} .am-i{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px;border-radius:10px;font:inherit;text-align:left;cursor:pointer;color:#050505} .am-i:hover{background:#F0F2F5}.am-i i{flex:none;width:38px;height:38px;border-radius:50%;background:#E4E6EB;display:grid;place-items:center}.am-i i svg{width:20px;height:20px} .am-i b{display:block;font-size:15px;font-weight:600}.am-i small{display:block;color:#65676B;font-size:12.5px} .am-i.red b{color:#DC2626} @media (min-width:769px){.am-w .am{width:420px!important;height:auto!important;margin-left:-210px!important}} /* স্টোরি: যারা দেখেছেন */ .sv-vw{cursor:pointer;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.14)} .sv-vl{position:absolute;left:0;right:0;bottom:0;z-index:6;max-height:70%;display:flex;flex-direction:column;background:#fff;border-radius:18px 18px 0 0;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.25,1);color:#0F172A} .sv-vl.on{transform:none} .sv-vh{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #EEF2F6}.sv-vh b{font-size:16px} .sv-vh button{width:34px;height:34px;border:0;border-radius:50%;background:#F1F5F9;display:grid;place-items:center;cursor:pointer}.sv-vh svg{width:16px;height:16px} .sv-vb{overflow-y:auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom))} .sv-vi{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;color:#0F172A;text-decoration:none}.sv-vi:hover{background:#F8FAFC} .sv-vi .av{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#E2E8F0;font-weight:700;flex:none} .sv-vi span{flex:1;min-width:0}.sv-vi b{display:block;font-size:14.5px}.sv-vi small{color:#64748B;font-size:12.5px}.sv-vi em{font-style:normal;font-size:12px;color:#BE185D;background:#FDF2F8;border-radius:99px;padding:2px 8px} .sr-ph b.g{background:#FFF3DC;width:100%;height:100%;display:grid;place-items:center}.sr-ph b.g .tm{width:80px;height:80px} /* ড্যাশবোর্ড: এই মাসের আয় */ .soc-e{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#F0FDF4,#ECFEFF);color:#334155;font-size:13.5px} .soc-e svg{flex:none;width:18px;height:18px;color:#16A34A}.soc-e b{color:#15803D} .soc-e[hidden]{display:none} /* ফিড: ডেস্কটপে একটু চওড়া */ @media (min-width:900px){.feed{max-width:720px}} /* স্টোরির + বোতাম: সাইটের সবুজ রঙে */ .sr-new i,.sr-plus{background:linear-gradient(135deg,#22C55E,#15803D)!important} /* পছন্দ: নিজস্ব রঙ ও চিহ্ন (ফেসবুকের লাল-গোলাপি নয়) */ .ps-l i{background:linear-gradient(135deg,#34D399,#059669)!important} .ps-l i svg{width:12px!important;height:12px!important} .post-f .pbtn.on{color:#059669!important}.post-f .pbtn.on svg{fill:#059669!important;stroke:#059669!important} .post-f .pbtn.on svg path+path{fill:none!important} /* যাদের ফলো করতে পারেন: নাম বাম থেকে, লম্বা হলে … ; ব্যাজ পাশে */ .sg-a b{display:flex!important;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;overflow:visible!important} .sg-a b span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sg-a b .vt{flex:none} .post-f .pbtn.on{color:#E11D48!important}.post-f .pbtn.on svg{fill:#E11D48!important;stroke:#E11D48!important} /* রিয়েক্ট: বই (শিখলাম) — লাল */ .ps-l i{background:linear-gradient(135deg,#FB7185,#E11D48)!important} .post-f .pbtn.on{color:#E11D48!important}.post-f .pbtn.on svg{fill:#E11D48!important;stroke:#E11D48!important} .post-f .pbtn.on svg path+path{stroke:#fff!important;opacity:.55} .ps-l i{width:20px!important;height:20px!important;border-radius:50%!important}.ps-l i svg{width:12px!important;height:12px!important;fill:#fff!important;stroke:#fff!important}.ps-l i svg path+path{stroke:#E11D48!important;opacity:.45} /* একাউন্ট খোলা: টিউটর/অভিভাবক বাছাই — ছোট কার্ড, বাম পাশে আইকন */ .role{gap:10px!important;margin-bottom:14px!important} .role span{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:11px 12px!important;border:1.5px solid #E2E8F0!important;border-radius:14px!important;text-align:left!important;background:#fff;transition:border-color .2s,background .2s!important;transform:none!important;box-shadow:none!important} .role span i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#F1F5F9;color:#475569;transition:background .2s,color .2s} .role span i svg{width:20px!important;height:20px!important;margin:0!important;color:inherit!important} .role span em{font-style:normal;min-width:0;display:flex;flex-direction:column;gap:1px} .role b{font-size:14px!important;font-weight:600;line-height:1.3;white-space:nowrap}.role small{font-size:11.5px!important;color:#64748B;white-space:nowrap} .role input:checked+span{border-color:#16A34A!important;background:#F0FDF4!important} .role input:checked+span i{background:#16A34A;color:#fff} .role input:focus-visible+span{outline:2px solid #16A34A;outline-offset:2px} @media (max-width:360px){.role span{padding:10px!important;gap:8px!important}.role span i{width:32px;height:32px}.role b{font-size:13.5px!important}} /* টিউটরের পাবলিক প্রোফাইল: ছবির হেক্সাগন ফ্রেম ব্যাজের রঙে স্পষ্ট দেখায় */ .thx img,.thx .av{-webkit-clip-path:var(--hx);clip-path:var(--hx)} .pf-side .thx{padding:4px} .thx .av{background:#F1F5F9;display:grid;place-items:center;color:#334155;font-weight:700} /* টিউটর প্রোফাইল — পড়ানো */ .tch h2{margin-bottom:6px} .tg-r{padding:12px 0;border-bottom:1px solid #F1F5F9}.tg-r:last-of-type{border-bottom:0} .tg-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#64748B;text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px} .tg-h i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#F0FDF4;color:#16A34A}.tg-h i svg{width:14px;height:14px} .tg-c{display:flex;flex-wrap:wrap;gap:7px} .tg{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:99px;font-size:13.5px;font-weight:500;line-height:1} .tg.s{background:linear-gradient(135deg,#ECFDF5,#D1FAE5);color:#047857;font-weight:600;border:1px solid #A7F3D0} .tg.c{background:#F8FAFC;color:#334155;border:1px solid #E2E8F0} .tg.m{background:#EFF6FF;color:#1D4ED8;border:1px solid #BFDBFE} .tv{margin-top:6px;border:1px solid #EEF2F6;border-radius:16px;overflow:hidden} .tv-r{display:flex;align-items:center;gap:12px;padding:12px 14px}.tv-r+.tv-r{border-top:1px solid #F1F5F9} .tv-r i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#F0FDF4;color:#16A34A}.tv-r i svg{width:19px;height:19px} .tv-r span{min-width:0;flex:1}.tv-r small{display:block;font-size:12px;color:#64748B}.tv-r b{display:block;font-size:15px;font-weight:600;color:#0F172A;line-height:1.4;overflow-wrap:anywhere} .tv-r b em{font-style:normal;font-size:12.5px;font-weight:500;color:#64748B;margin-left:2px} /* টিউটর প্রোফাইল — পরিচিতি ও প্রশ্নোত্তর */ .ta{margin-top:14px;padding:20px 20px 16px} .ta h2{font-size:19px;margin:0 0 12px;display:flex;align-items:center;gap:8px} .ta h2:before{content:"";width:4px;height:20px;border-radius:4px;background:linear-gradient(180deg,#22C55E,#15803D)} .ta>p{margin:0 0 11px;font-size:15px;line-height:1.85;color:#334155} .ta>p b{color:#15803D;font-weight:600}.ta>p a{color:#15803D;font-weight:600;text-decoration:none;white-space:nowrap} .ta h3{font-size:15.5px;margin:18px 0 10px;color:#0F172A} .ta-q{border:1px solid #EEF2F6;border-radius:14px;overflow:hidden} .ta-q details+details{border-top:1px solid #F1F5F9} .ta-q summary{list-style:none;cursor:pointer;padding:13px 40px 13px 14px;font-size:14.5px;font-weight:600;color:#0F172A;position:relative} .ta-q summary::-webkit-details-marker{display:none} .ta-q summary:after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid #94A3B8;border-bottom:2px solid #94A3B8;transform:rotate(45deg);transition:transform .2s} .ta-q details[open] summary:after{transform:rotate(225deg);margin-top:-2px} .ta-q details p{margin:0;padding:0 14px 14px;font-size:14px;line-height:1.75;color:#475569} /* ===== এখন সক্রিয় / কত আগে সক্রিয় (টিউটর কার্ড, প্রোফাইল, হাব ফিল্টার) ===== */ .seen{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#64748b;line-height:1.2;margin-top:2px} .seen i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex:none} .seen.on{color:#15803d;font-weight:600} .seen.on i{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:seenP 1.8s infinite} @keyframes seenP{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} @media (prefers-reduced-motion:reduce){.seen.on i{animation:none}} .tc2-b .seen{display:flex} .pf-seen{justify-content:center;margin:2px auto 8px;display:flex} .hub-actw{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px} .hub-actw small{color:#64748b;font-size:12.5px} .hub-act{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;font-weight:600;font-size:13.5px;text-decoration:none} .hub-act i{width:8px;height:8px;border-radius:50%;background:#22c55e} .hub-act.on{background:#16a34a;border-color:#16a34a;color:#fff} .hub-act.on i{background:#fff} /* ---------- গোপনীয়তা নীতি / শর্তাবলী ---------- */ .legal{padding:26px 24px;line-height:1.75;font-size:15px} .legal section+section{margin-top:22px;padding-top:20px;border-top:1px solid #eef2f6} .legal h2{font-size:17px;font-weight:600;margin-bottom:8px;color:var(--ink)} .legal p{color:var(--mut);margin:6px 0} .legal ul{padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--mut)} .legal-o{margin-top:24px!important;font-weight:600}.legal-o a{color:var(--gd)} /* ---------- এডমিন প্যানেল ---------- */ .adm{padding:22px 0 60px;max-width:860px;margin:0 auto} .adm-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px} .adm-top h1{font-size:23px;font-weight:700} .adm-top p{margin-top:6px;font-size:13px;color:var(--mut)} .tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:500;color:var(--ink)} .tabs a.on{background:var(--gd);color:#fff;border-color:var(--gd)} .adm-tabs{position:sticky;top:64px;z-index:5;background:var(--bg);padding:8px 0;margin-bottom:6px} .adm-tabs i{font-style:normal;font-size:11px;font-weight:700;background:#ef4444;color:#fff;border-radius:99px;padding:0 6px;line-height:18px} .adm-tabs i:empty{display:none} .adm-c{padding:16px;margin-bottom:12px} .adm-c h2{font-size:16px;font-weight:600;margin-bottom:12px} .adm-h{font-size:16px;font-weight:600;margin:18px 0 10px} .adm-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px} .adm-row>div:first-child{min-width:0} .adm-t{font-size:15.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap} .adm-t a{color:var(--ink)} .adm-row small,.adm-who small{display:block;font-size:12.5px;color:var(--mut);margin-top:2px;overflow-wrap:anywhere} .adm-who{display:flex;gap:10px;align-items:center;min-width:0} .adm-who .av{width:44px;height:44px;font-size:17px} .adm-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:12px 0;font-size:14px} .adm-kv span{color:var(--mut)} .adm-kv b{font-weight:500;overflow-wrap:anywhere} .adm-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .adm-a .btn.sm{height:36px;padding:0 13px;font-size:13.5px} .btn.s.adm-r{color:#B91C1C;border-color:#fecaca} .adm-sal{font-weight:700;color:var(--gd);font-size:17px;white-space:nowrap} a.adm-j{display:block;color:inherit} a.adm-j:hover{border-color:#bfe3cc} .adm-back{display:inline-block;margin:4px 0 10px;font-size:14px;font-weight:500;color:var(--gd)} .adm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px} .adm-stats.sm{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:12px 0 0} .adm-st{padding:14px;display:block;color:inherit} .adm-st b{display:block;font-size:22px;font-weight:700;line-height:1.2} .adm-stats.sm .adm-st b{font-size:16px} .adm-st span{font-size:12.5px;color:var(--mut)} .adm-st.y{background:#FFFBEB;border-color:#fde68a}.adm-st.b{background:#EFF6FF;border-color:#bfdbfe} .adm-q{display:flex;flex-wrap:wrap;gap:10px} .adm-docs{display:flex;gap:10px;flex-wrap:wrap} .adm-docs a{display:block;width:calc(50% - 5px);text-align:center;color:var(--mut);font-size:12px} .adm-docs img{width:100%;max-height:260px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#f8fafc} .adm-search{display:flex;gap:8px} .adm-search input{flex:1;min-width:0;height:44px;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px;font-size:15px} .adm-priv{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px 12px 0;margin-bottom:14px} .adm-priv>b{display:block;font-size:13.5px;margin-bottom:10px} .adm-set{padding:12px 0;border-top:1px solid #eef2f6} .adm-set>label{display:block;font-size:14px;font-weight:500;margin-bottom:8px} .adm-in{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end} .adm-in span{display:flex;flex-direction:column;gap:3px} .adm-in small{font-size:11.5px;color:var(--mut)} .adm-set input{width:100px;height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:14.5px} .adm-tbl{overflow-x:auto;margin-bottom:10px} .adm-tbl table{border-collapse:collapse;font-size:12.5px} .adm-tbl th{font-weight:500;color:var(--mut);text-align:left;padding:4px 6px;white-space:nowrap} .adm-tbl td{padding:3px} .adm-tbl input{width:64px} .adm-staff{border-top:1px solid #eef2f6;margin-top:14px;padding-top:14px} .adm-staff h3{font-size:15px;font-weight:600;margin-bottom:8px} .adm-staff .note{margin-bottom:12px} .adm-ds{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px 10px;max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:13.5px} .adm-ds label{display:flex;gap:6px;align-items:center;font-weight:400} .fld .adm-ds input{width:18px;height:18px;flex:none;padding:0;accent-color:var(--gd)} .adm .ai>div{min-width:0} .adm .ai>small{max-width:45%;overflow-wrap:anywhere;color:var(--mut);font-size:11.5px;text-align:right} .adm-set{min-width:0} .adm-x{float:right;width:34px;height:34px;border-radius:50%;border:0;background:#f1f5f9;font-size:22px;line-height:1;color:var(--mut)} .adm-prog{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;flex-direction:column;gap:4px;font-size:13.5px} .adm-prog small{color:var(--mut)} .adm-msgs{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow-y:auto;margin-top:12px;padding:10px;background:#f8fafc;border-radius:12px} .adm-neg{color:#B91C1C}.adm-pos{color:var(--gd)} .adm .ai{color:inherit} @media(max-width:768px){.adm-tabs{top:56px}.adm-stats.sm{grid-template-columns:repeat(3,minmax(0,1fr))}.adm-docs a{width:100%}} /* ===== ইউজার/টিউটর তালিকা: ফিল্টার ===== */ .adm-uf{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} .adm-uf>*,.adm-uq>*{min-width:0} .adm-uq{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:10px} .adm-uq .fld{margin:0} .adm-uq label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:4px;display:block} .adm-uq select,.adm-uq input{width:100%;height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;font-size:14px;background:#fff;color:inherit} .adm-more{border-top:1px solid #eef2f7;padding-top:10px} .adm-more summary{cursor:pointer;font-weight:600;font-size:14px;color:#2563eb;list-style:none;padding:4px 0} .adm-more summary::-webkit-details-marker{display:none} .adm-more summary::before{content:'▸ ';display:inline-block;transition:transform .15s} .adm-more[open] summary::before{transform:rotate(90deg)} .adm-more[open] .adm-uq{margin:10px 0 12px} .adm-ut{font-size:13px;font-weight:600;color:#64748b;margin:14px 2px 8px} .adm-u{display:flex;align-items:flex-start;gap:12px} .adm-u .av{flex:0 0 44px;width:44px;height:44px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e2e8f0;font-weight:700;color:#475569} .adm-ub{flex:1;min-width:0;display:grid;gap:3px} .adm-ub b{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .adm-ub small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .adm-us{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px} .adm-us em{font-style:normal;font-size:11.5px;font-weight:600;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:2px 8px} .adm-ur{display:grid;justify-items:end;gap:4px;flex:0 0 auto;text-align:right} .adm-ur small{font-size:12px;color:#64748b;font-weight:600} [data-um]{margin-top:12px} @media (max-width:560px){.adm-uq{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-search .btn{padding:0 14px}} .adm-big .av{width:64px;height:64px;font-size:24px} .adm-who small+small{display:block} .adm-docs a{cursor:zoom-in} .adm-dl{display:grid;place-items:center;height:160px;border:1px dashed var(--line);border-radius:10px;font-size:13px} .adm-kv .adm-us{margin:0} @media(min-width:769px){.adm-docs a{width:calc(33.33% - 7px)}} .adm-big .av{display:grid;place-items:center;border-radius:50%;object-fit:cover;background:#e2e8f0;color:#475569;font-weight:700;flex:0 0 64px} /* ===== এডমিন প্যানেল v3: ট্যাব, পপআপ, সারাংশ, টিম, বকেয়া ===== */ /* ট্যাব: ডেস্কটপে সব একসাথে (দুই লাইনে ভেঙে) — মাউস দিয়ে স্ক্রল করতে হয় না; মোবাইলে আঙুলে টানা */ @media(min-width:769px){.adm-tabs{flex-wrap:wrap;overflow:visible;row-gap:8px}} @media(max-width:768px){.adm-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.adm-tabs::-webkit-scrollbar{display:none}.adm-tabs a{scroll-snap-align:start}} /* পপআপ (ফর্ম, কারণ লেখা, টাকা যোগ/কাটা) — ডেস্কটপে মাঝখানে, মোবাইলে নিচ থেকে */ .sheet{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.5);display:none;align-items:flex-end;justify-content:center} .sheet.on{display:flex;animation:shF .15s ease} .sheet-in{background:#fff;width:100%;max-width:520px;max-height:88vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.18);animation:shU .2s ease} .sheet-in .adm-h{margin:4px 0 12px;padding-right:40px} .sheet-in .fld{margin-bottom:12px} .sheet-in .fld input,.sheet-in .fld textarea,.sheet-in .fld select{width:100%} @media(min-width:769px){.sheet{align-items:center}.sheet-in{border-radius:18px;padding:22px}} @keyframes shF{from{opacity:0}}@keyframes shU{from{transform:translateY(30px);opacity:.6}} .adm-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1f5f9;border-radius:12px;padding:4px;margin-bottom:14px} .adm-seg label{margin:0;cursor:pointer} .adm-seg input{position:absolute;opacity:0;pointer-events:none} .adm-seg span{display:block;text-align:center;padding:9px 6px;border-radius:9px;font-weight:600;font-size:14px;color:#475569} .adm-seg input:checked+span{background:#fff;color:var(--gd);box-shadow:0 1px 4px rgba(0,0,0,.08)} .adm-seg label:last-child input:checked+span{color:#B91C1C} .btn.adm-rb,.btn.adm-rb:hover{background:#DC2626;background-image:none;border-color:#DC2626;color:#fff;box-shadow:0 6px 16px rgba(220,38,38,.25)} /* সারাংশ */ .adm-sec{margin-bottom:6px} .adm-sec>h3{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#64748b;margin:14px 2px 8px} .adm-sec>h3 small{text-transform:none;font-weight:500;letter-spacing:0} .adm-st small{display:block;font-size:12px;color:#64748b;margin-top:3px} .adm-st.g{background:#F0FDF4;border-color:#bbf7d0} .adm-st.r{background:#FEF2F2;border-color:#fecaca}.adm-st.r b{color:#B91C1C} a.adm-st[href]:hover{border-color:#94a3b8} .adm-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#22c55e;margin-right:7px;vertical-align:middle;box-shadow:0 0 0 3px rgba(34,197,94,.2)} .adm-2{display:grid;grid-template-columns:1fr 1fr;gap:12px} .adm-2>.card{margin-bottom:12px;min-width:0} @media(max-width:768px){.adm-2{grid-template-columns:minmax(0,1fr);gap:0}} .adm-bars{display:flex;align-items:flex-end;gap:3px;height:130px;padding-top:16px} .adm-bars span{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative} .adm-bars i{display:block;width:100%;max-width:22px;background:linear-gradient(180deg,#34d399,#0A8550);border-radius:4px 4px 1px 1px} .adm-bars em{position:absolute;top:-2px;font-style:normal;font-size:9.5px;color:#475569;white-space:nowrap} .adm-bars span:not(:hover) em{opacity:0} .adm-bars small{font-size:10px;color:#94a3b8;margin-top:4px} /* সক্রিয়তা */ .adm-seen{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;font-weight:500} .adm-seen i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;flex:none} .adm-seen.rc{color:#64748b}.adm-seen.rc i{background:#86efac} .adm-seen.on{color:#15803d;font-weight:600}.adm-seen.on i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22)} .adm-who small .adm-seen,.adm-ub small .adm-seen{display:inline-flex} /* টাকার সারি (বকেয়া, টিম) */ .adm-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-top:12px;padding:10px 12px;background:#f8fafc;border-radius:12px} .adm-money small{display:block;font-size:11.5px;color:#64748b} .adm-money b{font-size:14.5px;font-weight:700;overflow-wrap:anywhere} .adm-late{border-left:4px solid #ef4444} a.adm-rep{display:block;color:inherit}a.adm-rep:hover{border-color:#bfe3cc} .adm-ur b{font-size:14px} /* কাজের টাইমলাইন */ .adm-tls{display:flex;flex-direction:column} .adm-tl{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;padding:9px 0;border-bottom:1px solid #f1f5f9;align-items:start} .adm-tl:last-child{border-bottom:0} .adm-tl>i{width:9px;height:9px;border-radius:50%;background:var(--gd);margin-top:6px} .adm-tl b{font-size:14px;font-weight:600;display:block} .adm-tl small{font-size:12px;color:#64748b;overflow-wrap:anywhere} .adm-tl>small{white-space:nowrap} @media(max-width:560px){.adm-tl{grid-template-columns:14px minmax(0,1fr)}.adm-tl>small{grid-column:2}} .tt-c .tt-on{justify-content:center;display:flex;margin:-2px 0 6px} .adm-stats.c4{grid-template-columns:repeat(4,minmax(0,1fr))} .adm-stats.c3{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:768px){.adm-stats.c4,.adm-stats.c3{grid-template-columns:repeat(2,minmax(0,1fr))}} .adm-stats .adm-st{min-width:0;overflow-wrap:anywhere} .adm-who .av{display:grid;place-items:center;border-radius:50%;background:#e2e8f0;object-fit:cover;color:#475569;font-weight:700;flex:none} .adm-by{font-style:normal;font-weight:600;color:#334155} .adm-utr{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 2px 8px}.adm-utr .adm-ut{margin:0} .adm-top{flex-wrap:wrap} .adm-gs{display:flex;align-items:center;gap:6px;flex:1 1 280px;max-width:380px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:0 4px 0 12px;height:42px} .adm-gs input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;height:100%} .adm-gs button{width:34px;height:34px;border:0;border-radius:9px;background:var(--gd);color:#fff;font-size:18px;line-height:1} .adm-gs:focus-within{border-color:var(--gd);box-shadow:0 0 0 3px rgba(10,133,80,.12)} @media(max-width:768px){.adm-gs{max-width:none;flex-basis:100%}} [data-nf] textarea{width:100%;min-height:90px} .adm-cnt{display:inline-block;font-size:12px;font-weight:700;background:#f1f5f9;color:#475569;border-radius:99px;padding:1px 8px;vertical-align:middle} .adm-gs button{display:grid;place-items:center} /* ---------- মাপ অনুযায়ী ---------- */ @media(max-width:1100px){ .tl,.tl.rowx{grid-template-columns:repeat(3,minmax(0,1fr))} .hero h1{font-size:38px} .tz .wrap{grid-template-columns:1fr} } @media(max-width:900px){ .hero{padding:24px 0 26px;text-align:center} .hero .wrap{grid-template-columns:1fr;gap:20px} .hero h1,html[lang=bn] .hero h1{font-size:28px;margin:12px 0 8px} .hero p{font-size:15px;margin:0 auto} .hero-f{margin:18px auto 0;flex-direction:column;padding:6px} .hero-f label{border-bottom:1px solid var(--line);padding-bottom:4px} .hero-art{max-width:420px;margin:0 auto;width:100%} .call{position:relative;left:auto;bottom:auto;transform:none;margin:-6px auto 0;width:max-content;max-width:100%} .call:hover{transform:none} .stats{padding-top:18px} .stats .wrap{grid-template-columns:repeat(2,1fr);gap:12px} .stat{padding:16px 8px}.stat b{font-size:24px} .sec{padding:38px 0 4px} .st{font-size:22px}.ss{font-size:13.5px} .sec-h{margin-bottom:16px} .jl{grid-template-columns:minmax(0,1fr);gap:12px} .tl,.tl.rowx{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .tl.rowx{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px} .tl.rowx::-webkit-scrollbar{display:none} .tl.rowx .tc{flex:none;width:44%;scroll-snap-align:start} .thx{width:78px;height:78px} .steps{grid-template-columns:1fr 1fr;gap:10px}.steps:before{display:none} .step{padding:18px 12px}.step i{width:50px;height:50px}.step h3{font-size:14.5px}.step p{font-size:12.5px} .tsteps{grid-template-columns:1fr 1fr} .tz{margin-top:40px;padding:34px 0}.tz-h h2{font-size:25px} .why-g{grid-template-columns:1fr}.why{grid-template-columns:1fr 1fr;gap:10px}.wc{padding:16px} .rc{width:285px} .mini-feed{grid-template-columns:minmax(0,1fr)} .hi{padding:16px 0 4px} .hi>.wrap{grid-template-columns:1fr;gap:14px} .hi-in,.gcard{padding:18px;border-radius:20px} .hi h1{font-size:22px} .hi-cta .btn{flex:1} .pagehd{padding:16px 0 10px}.pagehd h1{font-size:23px} .flt{top:calc(var(--hd) + 6px);display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:6px} .flt label{padding:0 8px}.flt select{height:40px;font-size:13.5px} .flt .btn{grid-column:1/-1;height:40px} .flt .btn span{display:inline} .flt:not(:has(select[name=cls])){grid-template-columns:1fr 1fr auto}.flt:not(:has(select[name=cls])) .btn{grid-column:auto;width:42px;padding:0}.flt:not(:has(select[name=cls])) .btn span{display:none} .job-l{width:98px}.job-l b{font-size:18.5px} .jd{grid-template-columns:minmax(0,1fr);padding-bottom:110px} .jd-main{padding:18px}.jd h1{font-size:20px;margin:10px 0 8px} .jd-main .jd-sal{margin:0 0 14px}.jd-main .jd-sal b{font-size:28px} .kv{gap:8px} .jd-side{position:fixed;left:0;right:0;bottom:calc(var(--bb) + var(--safe));top:auto;z-index:55;border-radius:20px 20px 0 0;padding:10px 14px 12px;box-shadow:0 -12px 30px -12px rgba(15,23,42,.25);display:flex;align-items:center;gap:12px;border-bottom:0} .jd-side .jd-sal{display:none} .jd-act{flex:1;flex-direction:row;align-items:center;gap:10px} .jd-act .note{flex:1;font-size:12.5px;padding:6px 10px;margin:0} .jd-act .note.big{font-size:13px} .jd-act .btn.w{width:auto;flex:1} .jd-act .note+.btn{flex:none;height:42px;padding:0 14px;font-size:13.5px} .pf{grid-template-columns:minmax(0,1fr);padding-top:16px} .pf-side{position:static} .pf-cta{position:fixed;left:0;right:0;bottom:calc(var(--bb) + var(--safe));z-index:55;background:#fff;padding:10px 14px;margin:0;box-shadow:0 -12px 30px -12px rgba(15,23,42,.25);border-radius:20px 20px 0 0} .pf{padding-bottom:90px} .db{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:14px} .db>.card,.db section.card{padding:16px} .kpis{gap:8px}.kpi{padding:12px 4px}.kpi b{font-size:21px}.kpi span{font-size:11.5px} .badges{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:14px 2px 8px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.badges::-webkit-scrollbar{display:none}.bdg{flex:none;width:250px;scroll-snap-align:center} .wcard{padding:18px} .auth-w{padding:14px 12px 30px} .auth{padding:18px 18px 20px} .chat-w{padding:0}.chat{height:calc(100vh - var(--hd) - var(--bb) - var(--safe));height:calc(100dvh - var(--hd) - var(--bb) - var(--safe));min-height:0;border-radius:0;border:0} .contact-g{grid-template-columns:1fr} .seg-t{width:100%}.seg-t a{flex:1;justify-content:center} } @media(max-width:520px){ .row2{grid-template-columns:minmax(0,1fr)} .row2.keep{grid-template-columns:1fr 1fr} .why{grid-template-columns:1fr 1fr;gap:10px}.wc{padding:14px}.wc i{width:40px;height:40px;border-radius:12px;margin-bottom:8px}.wc i svg{width:20px;height:20px}.wc h3{font-size:14.5px}.wc p{font-size:12.5px} .kv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .kv>div{padding:9px;gap:8px}.kv i{width:30px;height:30px} .amts{grid-template-columns:repeat(2,1fr)} .prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prod>div{padding:10px}.prod b{font-size:14px} .glance-g{gap:8px}.gl{padding:10px}.gl b{font-size:19px} .pf-facts b{font-size:14.5px} .lang{padding:0 8px} } @media(max-width:360px){.logo small{display:none}.lang span{display:none}.kpis{grid-template-columns:repeat(2,1fr)}} @media(hover:none){.btn:not(.s):not(.ghost):after{display:none}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}[data-rv]{opacity:1;transform:none}.gl{opacity:1;transform:none}}