/* ==========================================================
   Shan English — Premium layer (v4)
   সব পেজে inline CSS-এর পরে লোড হয়ে ডিজাইন উন্নত করে।
   হোভারে কোনো বর্ডার (টপ/রাইট/বটম/লেফট) ব্যবহার করা হয়নি।
   ========================================================== */
:root{--ease:cubic-bezier(.22,.9,.3,1);--ink2:#0b1633;--glass:rgba(255,255,255,.82)}
html{scroll-padding-top:104px}
body{position:relative;background:#fff;overflow-x:hidden}
::selection{background:var(--sun);color:#12182b}

/* ---------- হোভার বর্ডার/লাইন সম্পূর্ণ বন্ধ ---------- */
.card.feat::before{transform:none!important;transition:none!important}
.crumb a:hover,.faqs summary:hover,nav a:hover{text-decoration:none}
.pi.on{box-shadow:none}
.faqs details[open]{border-color:#e8eef8}

/* ---------- বডির ব্যাকগ্রাউন্ড আর্ট ---------- */
.bg-art{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.bg-art .doodle{position:absolute;inset:-12% 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%0A%3Cg fill='none' stroke='%230b4aa8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' opacity='.12'%3E%0A%3Cpath d='M24 52q18-8 36 0v34q-18-8-36 0z M60 52q18-8 36 0v34q-18-8-36 0z'/%3E%0A%3Cg transform='rotate(35 250 60)'%3E%3Cpath d='M236 40h28v50l-14 12-14-12z M236 54h28'/%3E%3C/g%3E%0A%3Cpath d='M150 150l34-16 34 16-34 16z M166 158v18q18 10 36 0v-18 M218 150v22'/%3E%0A%3Cpath d='M40 190h56a8 8 0 0 1 8 8v26a8 8 0 0 1-8 8H72l-14 12v-12H40a8 8 0 0 1-8-8v-26a8 8 0 0 1 8-8z'/%3E%0A%3Cpath d='M270 220l6 13 14 2-10 10 3 14-13-7-13 7 3-14-10-10 14-2z'/%3E%0A%3Cpath d='M120 40v14M113 47h14 M290 140v12M284 146h12 M130 270v12M124 276h12'/%3E%0A%3Ccircle cx='200' cy='60' r='5'/%3E%3Ccircle cx='20' cy='140' r='4'/%3E%3Ccircle cx='240' cy='290' r='5'/%3E%0A%3C/g%3E%0A%3Cg fill='%23f5a300' opacity='.22' font-family='Poppins,sans-serif' font-weight='700'%3E%0A%3Ctext x='110' y='112' font-size='30'%3EAa%3C/text%3E%3Ctext x='196' y='262' font-size='24'%3EABC%3C/text%3E%3Ctext x='18' y='304' font-size='26'%3E%3F%3C/text%3E%3Ctext x='284' y='104' font-size='22'%3E%21%3C/text%3E%0A%3C/g%3E%3C/svg%3E") 0 0/320px 320px;animation:drift 120s linear infinite;will-change:transform}
.bg-art .blob{position:absolute;border-radius:6px;filter:blur(80px);opacity:.55;animation:blob 24s ease-in-out infinite}
.bg-art .b1{width:520px;height:520px;left:-170px;top:-130px;background:#cfe0ff}
.bg-art .b2{width:460px;height:460px;right:-150px;top:34%;background:#fff0ad;animation-delay:-9s}
.bg-art .b3{width:560px;height:560px;left:22%;bottom:-260px;background:#d7e6ff;animation-delay:-15s}
.bg-art .gl{position:absolute;top:100%;font:700 var(--fs,40px)/1 Poppins,sans-serif;color:rgba(0,45,115,.075);animation:glRise var(--t,34s) linear infinite;animation-delay:var(--dl,0s)}
.bg-art .gl.y{color:rgba(245,163,0,.2)}
@keyframes drift{to{background-position:320px 320px}}
@keyframes blob{0%,100%{translate:0 0;scale:1}33%{translate:50px 40px;scale:1.1}66%{translate:-30px 70px;scale:.94}}
@keyframes glRise{0%{translate:0 0;opacity:0;rotate:-8deg}8%{opacity:1}92%{opacity:1}100%{translate:30px -118vh;opacity:0;rotate:12deg}}

/* সেকশন ব্যাকগ্রাউন্ড */
section{position:relative}
.alt{background:radial-gradient(rgba(0,45,115,.075) 1.3px,transparent 1.5px) 0 0/24px 24px,linear-gradient(180deg,rgba(236,243,255,.82),rgba(255,250,224,.62))}
.alt::before,.alt::after{content:"";position:absolute;left:0;right:0;height:46px;pointer-events:none;background:linear-gradient(180deg,#fff,transparent)}
.alt::before{top:0}.alt::after{bottom:0;transform:scaleY(-1)}

/* ---------- ডেকো (ভাসমান অক্ষর/আইকন) ---------- */
.deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;border-radius:inherit}
.deco span,.deco i{position:absolute;left:var(--x);top:var(--y);line-height:1;color:var(--c,rgba(0,45,115,.1));rotate:var(--r,0deg);animation:floaty var(--t,8s) ease-in-out infinite;animation-delay:var(--dl,0s);font-size:var(--fs,34px);border-radius:0}
.deco span{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.deco .y{--c:rgba(245,163,0,.28)}
@keyframes floaty{50%{translate:0 -16px}}

/* ---------- হেডার ---------- */
header{animation:slideDown .8s var(--ease) both}
.bar{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 14px 40px rgba(0,45,115,.12)}
nav a{position:relative;transition:background .25s,color .25s,transform .25s var(--ease)}
nav a:not(.on):hover{background:#eaf1ff;color:var(--blue);transform:translateY(-2px)}
nav a.on{background:linear-gradient(135deg,#0b4aa8,#002d73);box-shadow:0 8px 18px rgba(0,45,115,.28)}
.brand img{transition:transform .4s var(--ease)}.brand:hover img{transform:scale(1.04)}
@keyframes slideDown{from{opacity:0;translate:0 -40px}}

/* স্ক্রল প্রগ্রেস */
.prog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:200;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#0b4aa8,#fecf01);pointer-events:none}

/* ---------- বাটন ---------- */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-130%);transition:transform .7s var(--ease)}
.btn:hover::after{transform:translateX(130%)}
.btn:not(.soft){background:linear-gradient(135deg,#0b4aa8,#002d73)}
.btn.sun{background:linear-gradient(135deg,#ffe36b,#fecf01 60%,#f5b800)}
.btn.soft{background:linear-gradient(135deg,#f1f6ff,#e3ecfb)}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,45,115,.25)}
.btn.sun:hover{box-shadow:0 14px 28px rgba(254,207,1,.55)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.wide{width:100%;justify-content:center}
.rip{position:absolute;border-radius:6px;background:rgba(255,255,255,.55);pointer-events:none;transform:scale(0);animation:rip .65s ease-out forwards;z-index:0}
@keyframes rip{to{transform:scale(1);opacity:0}}
.tabs button{position:relative;overflow:hidden;transition:background .25s,color .25s,transform .25s var(--ease),box-shadow .25s}
.tabs button:hover{transform:translateY(-2px);background:#e3ecfb}.tabs button.on:hover{background:var(--blue)}
.tabs button.on{box-shadow:0 10px 22px rgba(0,45,115,.25)}

/* ---------- হিরো ---------- */
.hero2 .stage{background:radial-gradient(circle at 10% 15%,rgba(254,207,1,.17),transparent 36%),radial-gradient(circle at 62% 96%,rgba(11,74,168,.11),transparent 42%),radial-gradient(rgba(0,45,115,.06) 1.3px,transparent 1.5px) 0 0/26px 26px,#fff}
.hero2 .txt{z-index:3}
.hero2 .txt>*{animation:fadeUp .9s var(--ease) both}
.hero2 .txt>:nth-child(1){animation-delay:.15s}.hero2 .txt>:nth-child(2){animation-delay:.3s}.hero2 .txt>:nth-child(3){animation-delay:.45s}.hero2 .txt>:nth-child(4){animation-delay:.6s}
.hero2 .hl{background-size:0 100%;background:linear-gradient(transparent 62%,var(--sun) 62% 92%,transparent 92%) no-repeat 0 0/0% 100%;animation:hl 1.1s .9s var(--ease) forwards}
@keyframes hl{to{background-size:100% 100%}}
.vis .person{animation:rise 1.1s .25s var(--ease) both}
.vis .sh1{animation:slideR 1s .1s var(--ease) both}.vis .sh2{animation:slideR 1s .3s var(--ease) both}
.vis .orb{animation:spin 60s linear infinite;border-style:dashed}.vis .o2{animation-duration:90s;animation-direction:reverse}
.vis .dot{animation:pulse 2.6s ease-in-out infinite}.vis .d2{animation-delay:-1.2s}
.vis .tile{animation:floaty 6s ease-in-out infinite}.vis .t2{animation-delay:-3s}
.vis .who{animation:floaty 7s ease-in-out infinite -2s,fadeUp .9s .8s var(--ease) both}
.play span{animation:ring 2.4s ease-out infinite}
@keyframes fadeUp{from{opacity:0;translate:0 30px}}
@keyframes rise{from{opacity:0;translate:0 60px;scale:.96}}
@keyframes slideR{from{opacity:0;translate:70px 0}}
@keyframes spin{to{rotate:360deg}}
@keyframes pulse{50%{scale:1.7;opacity:.55}}
@keyframes ring{0%{box-shadow:0 8px 20px rgba(254,207,1,.5),0 0 0 0 rgba(254,207,1,.55)}70%,100%{box-shadow:0 8px 20px rgba(254,207,1,.5),0 0 0 16px rgba(254,207,1,0)}}
.mini a{position:relative;overflow:hidden;background:linear-gradient(120deg,#f2f7ff,#fff 70%);transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.mini a::after{content:"";position:absolute;right:-22px;top:-22px;width:70px;height:70px;border-radius:6px;background:radial-gradient(circle,rgba(254,207,1,.35),transparent 70%);transition:transform .5s var(--ease)}
.mini a:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(0,45,115,.14);background:linear-gradient(120deg,#fff8d6,#fff 75%)}
.mini a:hover::after{transform:scale(1.8)}
.mini i{transition:transform .4s var(--ease)}.mini a:hover i{transform:rotate(-10deg) scale(1.2)}

/* ---------- পেজ হেডার বক্স ---------- */
.ph .box{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 120%,rgba(254,207,1,.3),transparent 40%),radial-gradient(circle at 96% -20%,rgba(11,74,168,.18),transparent 46%),radial-gradient(rgba(0,45,115,.07) 1.3px,transparent 1.5px) 0 0/22px 22px,#fff;animation:fadeUp .8s .1s var(--ease) both}
.ph .box>*:not(.deco){position:relative;z-index:1}
.ph h1{background:linear-gradient(135deg,#0b4aa8,#002d73);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ph .box::before,.ph .box::after{display:block;content:"";position:absolute;border-radius:6px;pointer-events:none}
.ph .box::before{width:190px;height:190px;right:-60px;top:-70px;background:var(--sunsoft);opacity:.8;animation:blob 14s ease-in-out infinite}
.ph .box::after{width:120px;height:120px;left:-40px;bottom:-60px;background:#dbe8ff;animation:blob 16s ease-in-out infinite reverse}
.crumb{display:inline-block;background:#f1f6ff;padding:4px 16px;border-radius:6px}

/* ---------- কার্ড ---------- */
.card{position:relative}
body .card.cv:hover,body .card.feat:hover,body .step:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px);box-shadow:0 26px 54px rgba(0,45,115,.17)}
.rv.done{transition:transform .28s var(--ease),box-shadow .3s,opacity .3s;transition-delay:0s!important}
.card::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .35s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(254,207,1,.2),transparent 62%)}
.card:hover::after{opacity:1}
.card.cv .in{background:radial-gradient(circle at 100% 0,rgba(254,207,1,.2) 0 64px,transparent 65px),radial-gradient(rgba(0,45,115,.07) 1.2px,transparent 1.4px) 0 0/16px 16px,linear-gradient(180deg,#fff,#f7faff)}
.card.cv .th::after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translateX(-130%);transition:transform 1s var(--ease);pointer-events:none}
.card.cv:hover .th::after{transform:translateX(130%)}
.card.cv .th>img{transition:transform .8s var(--ease)}
.card.cv:hover .th>img{transform:scale(1.05)}
.card.feat{background:linear-gradient(160deg,#fff 45%,#f3f8ff)}
.card.feat::before{content:"";position:absolute;right:0;top:0;width:150px;height:150px;pointer-events:none;background:radial-gradient(rgba(0,45,115,.16) 1.3px,transparent 1.5px) 0 0/14px 14px;-webkit-mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000,transparent 70%);height:150px;transform:none;transition:none}
.card.feat>*:not(.wm){position:relative;z-index:1}
.wm{position:absolute!important;right:-12px;bottom:-16px;font-size:118px;line-height:1;color:rgba(0,45,115,.055);rotate:-14deg;z-index:0!important;pointer-events:none;transition:rotate .7s var(--ease),scale .7s var(--ease),color .4s}
.card:hover .wm,.step:hover .wm{rotate:0deg;scale:1.12;color:rgba(245,163,0,.14)}
.card .ic{transition:transform .45s var(--ease),box-shadow .3s}
.card:hover .ic{transform:rotate(-8deg) scale(1.1)}
.card.cv h3,.card.feat h3{transition:color .25s}.card:hover h3{color:var(--blue)}

.step{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff 50%,#fff9dd);transition:transform .3s var(--ease),box-shadow .3s}
.step>*:not(.wm){position:relative;z-index:1}
.step::before{position:relative;z-index:1;animation:ring 2.8s ease-out infinite}
.step .wm{font-size:100px}

.pricerow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}
.pr{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pr b{font-size:25px;color:var(--blue);line-height:1.2;letter-spacing:-.01em}
.pr s{color:#98a2b8;font-size:15px}
.pr small{color:var(--soft);font-size:13px}
.pr.free{background:#dff5e7;color:#14683a;font-weight:800;padding:4px 16px;border-radius:6px;align-items:center;gap:8px}
.pr.ask{color:var(--soft);font-weight:700;font-size:14.5px}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchips span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#3a4560;background:#fff;padding:2px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,45,115,.08)}
.mchips span i{width:8px;height:8px;border-radius:6px;background:var(--c)}

/* ---------- লিস্ট আইটেম ---------- */
.edu li,.inc li,.info li{position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,background .3s}
.edu li{background:linear-gradient(100deg,#fff 55%,#eef4ff)}
.edu li::after{content:"";position:absolute;right:16px;top:50%;width:44px;height:44px;translate:0 -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%230b4aa8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.28'%3E%3Cpath d='M4 18l20-9 20 9-20 9z'/%3E%3Cpath d='M12 22v10q12 7 24 0V22'/%3E%3Cpath d='M44 18v12'/%3E%3C/g%3E%3Ccircle cx='44' cy='33' r='2.5' fill='%23f5a300' opacity='.6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.9;transition:transform .5s var(--ease)}
.edu li:hover::after{transform:rotate(-10deg) scale(1.15)}
.inc li{background:linear-gradient(100deg,#f6f9ff 50%,#eaf2ff)}
.inc li::after{content:"";position:absolute;right:14px;top:50%;width:34px;height:34px;translate:0 -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%230b4aa8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' opacity='.2'%3E%3Ccircle cx='20' cy='20' r='15'/%3E%3Cpath d='M13 20.5l5 5 9-10'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.edu li:hover,.inc li:hover,.info li:hover{transform:translateX(6px);box-shadow:0 12px 26px rgba(0,45,115,.1)}
.edu li>*,.inc li>*{position:relative;z-index:1}
.edu i,.inc i{transition:transform .4s var(--ease)}.edu li:hover i,.inc li:hover i{transform:scale(1.25) rotate(-8deg)}
.info li{padding:10px 14px;background:linear-gradient(100deg,#fff 40%,#f0f6ff);border-radius:6px;box-shadow:0 8px 20px rgba(0,45,115,.06)}
.info i{transition:transform .4s var(--ease),background .3s}.info li:hover i{transform:rotate(-10deg) scale(1.1);background:var(--sunsoft)}

/* ---------- প্যানেল / ফর্ম / FAQ ---------- */
.panel{position:relative;overflow:hidden;background:repeating-radial-gradient(circle at 100% 0,rgba(0,45,115,.045) 0 1px,transparent 1px 22px),linear-gradient(180deg,#fff,#f8fbff);transition:box-shadow .3s,transform .3s var(--ease)}
.panel::after{content:"";position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;border-radius:6px;background:radial-gradient(circle,rgba(254,207,1,.3),transparent 70%);pointer-events:none}
.panel>*{position:relative;z-index:1}
.more a{transition:transform .25s var(--ease),background .25s}.more a:hover{transform:translateX(6px)}
.more a i{color:var(--blue);width:22px;text-align:center}
.form{background:repeating-linear-gradient(transparent 0 35px,rgba(0,45,115,.04) 35px 36px),linear-gradient(180deg,#fff,#f8fbff)}
.form input,.form select,.form textarea{transition:background .25s,box-shadow .25s}
.form input:focus,.form select:focus,.form textarea:focus{box-shadow:0 0 0 4px rgba(254,207,1,.45)}
.faqs details{position:relative;overflow:hidden;background:linear-gradient(100deg,#fff 60%,#f1f6ff);transition:box-shadow .3s,background .3s,transform .3s var(--ease)}
.faqs details>*{position:relative;z-index:1}
.faqs details::before{content:"?";position:absolute;right:56px;bottom:-26px;font:700 96px/1 Poppins,sans-serif;color:rgba(0,45,115,.05);pointer-events:none;transition:transform .5s var(--ease)}
.faqs details:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,45,115,.09)}
.faqs details[open]{background:linear-gradient(100deg,#fffbe6 60%,#fff);box-shadow:0 14px 30px rgba(0,45,115,.1)}
.faqs details[open]::before{transform:rotate(-12deg) scale(1.2);color:rgba(245,163,0,.14)}
.faqs details[open] p{animation:fadeUp .45s var(--ease) both}
.faqs summary::after{transition:transform .35s var(--ease),background .3s}.faqs details[open] summary::after{transform:rotate(180deg);background:var(--sun)}
.pi{position:relative;overflow:hidden;transition:background .25s,transform .25s var(--ease)}
.pi:hover{transform:translateX(5px)}
.pi.on{background:linear-gradient(100deg,#fff3bf,#fffbe6)}
.pi .n{transition:transform .3s var(--ease)}.pi:hover .n,.pi.on .n{transform:scale(1.12);background:var(--sun);color:#12182b}
.vp{box-shadow:0 24px 54px rgba(0,45,115,.2)}
.vm{overflow:hidden}
.vm::before,.vm::after{content:"";position:absolute;border-radius:6px;pointer-events:none}
.vm::before{width:260px;height:260px;left:-80px;bottom:-110px;background:rgba(254,207,1,.14);animation:blob 14s ease-in-out infinite}
.vm::after{width:200px;height:200px;right:-60px;top:-80px;background:rgba(255,255,255,.07);animation:blob 18s ease-in-out infinite reverse}
.vm>*{position:relative;z-index:1}
.vm .ic{animation:ring 2.4s ease-out infinite}

/* ---------- ডিরেক্টর ছবি, CTA, ফুটার ---------- */
.about>img{transition:transform .6s var(--ease),box-shadow .4s}.about>img:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 34px 64px rgba(0,45,115,.32)}
.cta{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 110%,rgba(254,207,1,.3),transparent 42%),radial-gradient(circle at 92% -10%,rgba(11,74,168,.16),transparent 46%),radial-gradient(rgba(0,45,115,.07) 1.3px,transparent 1.5px) 0 0/22px 22px,#fff}
.cta>*:not(.deco){position:relative;z-index:1}
.cta h2{position:relative}
footer{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(254,207,1,.2),transparent 36%),radial-gradient(rgba(0,45,115,.06) 1.3px,transparent 1.5px) 0 0/24px 24px,linear-gradient(180deg,#f3f8ff,#fff)}
footer .wrap{position:relative;z-index:1}
footer li a{transition:color .25s,padding .3s var(--ease)}footer li a:hover{color:var(--blue);padding-left:6px}
.fg>div{position:relative}

/* ---------- ভাসমান বাটন ---------- */
.wa{animation:waPulse 2.6s ease-out infinite}
@keyframes waPulse{0%{box-shadow:0 8px 22px rgba(0,0,0,.25),0 0 0 0 rgba(37,211,102,.55)}70%,100%{box-shadow:0 8px 22px rgba(0,0,0,.25),0 0 0 18px rgba(37,211,102,0)}}

/* ---------- স্ক্রল রিভিল ---------- */
.sr{opacity:0;translate:0 34px;transition:opacity .8s var(--ease),translate .8s var(--ease);transition-delay:var(--d,0s)}
.sr.l{translate:-46px 0}.sr.r{translate:46px 0}.sr.z{translate:0 0;scale:.92;transition-property:opacity,scale}
.sr.in{opacity:1;translate:0 0;scale:1}
section>.wrap>h2::after{width:0;transition:width .9s .25s var(--ease)}
section>.wrap>h2.in::after{width:56px}
.eb{animation:none}

/* ---------- পেমেন্ট মডাল ---------- */
html.pm-lock{overflow:hidden}
.pm{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.pm.open{visibility:visible;opacity:1}
.pm-bg{position:absolute;inset:0;background:rgba(0,18,46,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pm-box{position:relative;width:min(640px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:6px;box-shadow:0 40px 90px rgba(0,18,46,.5);translate:0 40px;scale:.96;transition:translate .5s var(--ease),scale .5s var(--ease)}
.pm.open .pm-box{translate:0 0;scale:1}
.pm-x{position:absolute;right:14px;top:14px;z-index:5;width:40px;height:40px;border-radius:6px;background:rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;font-size:18px;transition:transform .3s var(--ease),background .25s}
.pm-x:hover{transform:rotate(90deg);background:rgba(255,255,255,.35)}.pm-x i{border-radius:0}
.pm-head{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:26px 66px 24px 26px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(254,207,1,.35),transparent 45%),linear-gradient(135deg,#0b4aa8,#001d4d);border-radius:6px 6px 0 0}
.pm-head::after{content:"Aa";position:absolute;right:50px;bottom:-22px;font:700 90px/1 Poppins,sans-serif;color:rgba(255,255,255,.08);rotate:-10deg}
.pm-ic{width:52px;height:52px;border-radius:6px;background:var(--sun);color:#12182b;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 22px rgba(254,207,1,.45)}.pm-ic i{border-radius:0}
.pm-head>div:nth-child(2){flex:1;min-width:180px}
.pm-head small{display:block;color:#c9dbff;font-size:13px;line-height:1.4}
.pm-head h3{font-size:19px;line-height:1.4}
.pm-amt{text-align:right}.pm-amt b{display:block;font-size:30px;line-height:1.1;color:var(--sun)}
.pm-body{padding:22px 26px 28px;display:grid;gap:16px}
.pm-step{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}
.pm-step .n{width:28px;height:28px;border-radius:6px;background:var(--sun);color:#12182b;display:grid;place-items:center;font-size:14px;flex:none}
.pm-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pm-m{position:relative;display:grid;justify-items:center;gap:8px;padding:14px 6px;background:#f4f8ff;border-radius:6px;font-weight:800;font-size:14.5px;transition:transform .3s var(--ease),background .3s,box-shadow .3s;overflow:hidden}
.pm-m .lg{width:46px;height:46px;border-radius:6px;display:grid;place-items:center;color:#fff;font:800 20px/1 Poppins,sans-serif;background:var(--c);box-shadow:0 8px 18px color-mix(in srgb,var(--c) 40%,transparent);transition:transform .4s var(--ease)}
.pm-m .lg i{font-size:18px;border-radius:0}
.pm-m:hover{transform:translateY(-4px);background:#eaf1ff}.pm-m:hover .lg{transform:rotate(-8deg) scale(1.08)}
.pm-m.on{background:#fff;box-shadow:0 14px 28px rgba(0,45,115,.16);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 16%,#fff),#fff);box-shadow:0 14px 28px color-mix(in srgb,var(--c) 28%,transparent)}
.pm-m.on::after{content:"\2713";position:absolute;right:8px;top:6px;width:20px;height:20px;border-radius:6px;background:var(--c);color:#fff;font-size:12px;display:grid;place-items:center;animation:pop .4s var(--ease)}
@keyframes pop{from{scale:0}}
.pm-inst{position:relative;overflow:hidden;background:#f6f9ff;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 10%,#fff),#fff);border-radius:6px;padding:18px 18px 16px;animation:fadeUp .45s var(--ease) both}
.pm-inst::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:6px;background:color-mix(in srgb,var(--c) 14%,transparent)}
.pm-inst>*{position:relative;z-index:1}
.pm-ih{font-weight:800;color:var(--c);display:flex;align-items:center;gap:8px;font-size:15px}
.pm-ih small{font-weight:600;color:var(--soft)}
.pm-num{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:6px;padding:10px 12px 10px 16px;margin:10px 0 12px;box-shadow:0 8px 20px rgba(0,45,115,.08)}
.pm-num span{font:800 22px/1.2 var(--serif);letter-spacing:.04em;color:var(--ink)}
.pm-num span.na{font-size:15px;letter-spacing:0;color:var(--soft);font-weight:700}
.pm-num button{background:var(--c);color:#fff;padding:7px 16px;font-weight:800;font-size:14px;border-radius:6px;transition:transform .25s var(--ease)}.pm-num button:hover{transform:scale(1.06)}
.pm-inst ol{padding-left:20px;display:grid;gap:4px;font-size:15px;line-height:1.7;color:#38435d}
.pm-form{display:grid;gap:12px}
.pm-form label{display:grid;gap:5px;font-weight:700;font-size:14.5px}
.pm-form input{padding:12px 14px;background:#f1f6ff;transition:background .25s,box-shadow .25s}
.pm-form input:focus{background:#fff8d6;box-shadow:0 0 0 4px rgba(254,207,1,.45)}
.pm-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-form input.bad{background:#fde9e9;box-shadow:0 0 0 3px rgba(190,40,40,.25)}
.pm-err{display:none;background:#fde9e9;color:#a02525;font-weight:700;font-size:14.5px;padding:10px 14px;animation:shake .4s}
.pm-err.show{display:block}
@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}
.pm-note{font-size:13.5px;color:var(--soft);line-height:1.7;text-align:center}
.pm-ok{text-align:center;display:grid;gap:12px;justify-items:center;padding:8px 0}
.pm-ok svg{width:92px;height:92px}
.pm-ok circle{fill:none;stroke:#1fa968;stroke-width:5;stroke-dasharray:260;stroke-dashoffset:260;animation:draw .8s .1s ease forwards}
.pm-ok path{fill:none;stroke:#1fa968;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s .7s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.pm-ok h3{font-size:22px}.pm-ok p{color:var(--soft);font-size:15.5px;line-height:1.75;max-width:440px}
.pm-sum{width:100%;display:grid;gap:6px;background:#f4f8ff;padding:14px 16px;text-align:left;font-size:14.5px;border-radius:6px}
.pm-sum div{display:flex;justify-content:space-between;gap:12px}.pm-sum span{color:var(--soft)}.pm-sum b{text-align:right;word-break:break-all}
.pm-acts{display:grid;gap:10px;width:100%}

/* প্রাইস প্যানেল (কোর্স পেজ সাইডবার) */
.pbox{display:grid;gap:12px}
.pbig{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pbig b{font-size:38px;line-height:1.1;color:var(--blue);letter-spacing:-.02em}.pbig s{color:#98a2b8;font-size:18px}
.pbig.free b{color:#14683a}
.pbox .unit{color:var(--soft);font-size:14px;margin-top:-6px}
.pbox .sep{color:var(--soft);font-size:13.5px;margin-top:2px}
.pbox .ask{text-align:center;font-size:14.5px;color:var(--soft)}.pbox .ask a{color:var(--blue);font-weight:700}

/* ---------- রেসপন্সিভ ---------- */
@media(max-width:960px){.bg-art .gl:nth-child(n+6){display:none}.alt::before,.alt::after{height:30px}}
@media(max-width:600px){
.pm{padding:0;place-items:end center}
.pm-box{border-radius:6px 6px 0 0;max-height:94vh}
.pm-head{border-radius:6px 6px 0 0;padding:22px 60px 18px 20px}
.pm-amt{text-align:left;width:100%}
.pm-body{padding:18px 18px 26px}
.pm-methods{grid-template-columns:repeat(2,1fr)}
.pm-form .row2{grid-template-columns:1fr}
.deco span,.deco i{font-size:calc(var(--fs,34px)*.7)}
.pbig b{font-size:32px}
.edu li::after,.inc li::after{width:28px;height:28px;right:10px;opacity:.6}
}
@media(hover:none){body .card.cv:hover,body .card.feat:hover,body .step:hover{transform:none}}

/* ---------- মোশন কমানো ---------- */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.sr{opacity:1;translate:0 0;scale:1}.bg-art .gl{display:none}
}
.pbox>.tg{justify-self:start}

/* ===== নেভবার "কোর্স কিনুন" বাটন ===== */
.navbuy{flex:none;white-space:nowrap}
.navbuy i{border-radius:0}
@media(max-width:760px){.navbuy{margin-left:auto;padding:8px 12px;font-size:14px;gap:6px}.burger{margin-left:0}}
@media(max-width:380px){.navbuy span{display:none}.navbuy{padding:0;width:42px;height:42px;justify-content:center}}
/* ক্রয় ফর্মের নম্বর */
.pm-num span{font-size:clamp(18px,5.2vw,22px);letter-spacing:.02em;white-space:nowrap}
.pm-num button{border-radius:6px}
/* কোর্স বাছাই তালিকা */
.pm-picks{display:grid;gap:10px}
.pm-pick{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;padding:14px 16px;background:#f4f8ff;border-radius:6px;transition:background .25s,transform .25s var(--ease)}
.pm-pick:hover{background:#eaf1ff;transform:translateY(-2px)}
.pm-pick b{display:block;font-size:16px;line-height:1.5}.pm-pick small{color:var(--soft);font-size:13px}
.pm-pick em{font-style:normal;font-weight:800;color:var(--blue);white-space:nowrap;font-size:18px}
.pm-pick em s{display:block;font-weight:400;font-size:13px;color:var(--soft);text-align:right}

/* ===== শান্ত মোড: অ্যানিমেশন বন্ধ, আরামদায়ক ব্যবহার ===== */
*,*::before,*::after{animation:none!important}
.bg-art,.deco,.prog,.rip,.wm{display:none!important}
.sr,.sr.l,.sr.r,.sr.z,.sr.in{opacity:1!important;translate:none!important;scale:none!important;transition:none!important}
section>.wrap>h2::after{width:56px!important;transition:none!important}
.hero2 .hl{background-size:100% 100%!important}
.btn::after,.card::after,.card.cv .th::after,.mini a::after{display:none!important}
.card,.card:hover,.btn:hover,.mini a:hover,.step:hover,.edu li:hover,.inc li:hover,.info li:hover,.pi:hover,.pm-m:hover,.pm-pick:hover,.about>img:hover,.more a:hover,.brand:hover img,.card.cv:hover .th>img,.card:hover .ic,.mini a:hover i,.edu li:hover i,.inc li:hover i,.info li:hover i,.pm-num button:hover,.pm-m:hover .lg{transform:none!important;rotate:none!important}
.pm-box{transition:opacity .2s!important;translate:none!important;scale:none!important}
html{scroll-behavior:auto}
/* মানচিত্র */
.mapsec{padding-top:0}
.mapbox{border:1px solid #e8eef8;box-shadow:0 10px 30px rgba(0,45,115,.07);background:#fff;overflow:hidden}
.mapbox iframe{display:block;width:100%;height:420px;border:0;border-radius:0}
.mapbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}
.mapbar span{font-weight:700;display:flex;align-items:center;gap:10px}.mapbar span i{color:var(--blue);border-radius:0}
@media(max-width:600px){.mapbox iframe{height:320px}}
.rv,.rv.in{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}

.wa,.totop{border-radius:50px!important}