/* =====================================================================
   ICTonlineSchool — "গোধূলি" থিম (V22, আপডেট ১৮) · ভিত্তি, উপাদান ও পাবলিক সাইট
   রং, কোনা ও ছায়া সব :root-এর টোকেনে; ড্যাশবোর্ডের বাড়তি অংশ gd-app.css-এ।
   ===================================================================== */
@font-face{font-family:'Formal Bengali Digits';font-weight:100 500;font-display:swap;src:url(fonts/digits-400.woff2) format('woff2');unicode-range:U+0030-0039,U+09E6-09EF}
@font-face{font-family:'Formal Bengali Digits';font-weight:501 900;font-display:swap;src:url(fonts/digits-600.woff2) format('woff2');unicode-range:U+0030-0039,U+09E6-09EF}
@font-face{font-family:'Hind Siliguri';font-weight:400;font-display:swap;src:url(fonts/hind-400.woff2) format('woff2')}
@font-face{font-family:'Hind Siliguri';font-weight:600;font-display:swap;src:url(fonts/hind-600.woff2) format('woff2')}
@font-face{font-family:'Hind Siliguri';font-weight:700;font-display:swap;src:url(fonts/hind-700.woff2) format('woff2')}
:root{
 --bg:#FFFAF5;--surface:#fff;--tint:#FFF1E6;--tint-2:#FFF7F0;--ink:#2B1238;--muted:#6F5B79;--line:#F2E3D7;--line-2:#E4CDBB;
 --brand:#DB2777;--brand-2:#BE185D;--on-brand:#fff;--focus:#0EA5E9;
 --grad:linear-gradient(120deg,#EA580C,#DB2777 52%,#C026D3);
 --p1:#64748B;--p2:#0EA5E9;--p3:#A855F7;--p4:#EAB308;--p5:#10B981;--p6:#06B6D4;--p7:#F97316;--p8:#D946EF;--p9:#6366F1;
 --p1d:#334155;--p2d:#0369A1;--p3d:#7E22CE;--p4d:#A16207;--p5d:#047857;--p6d:#0E7490;--p7d:#C2410C;--p8d:#A21CAF;--p9d:#4338CA;
 --ok:#15803D;--ok-s:#DCFCE7;--warn:#A16207;--warn-s:#FEF9C3;--danger:#E11D48;--danger-s:#FFE4E6;--info:#0369A1;--info-s:#E0F2FE;
 --rainbow-soft:linear-gradient(115deg,#FFE4E6,#FFEDD5,#FEF9C3,#DCFCE7,#CFFAFE,#E0E7FF,#F3E8FF);
 --r:28px;--r-sm:18px;--r-btn:16px;--r-field:14px;
 --shadow:0 10px 26px -14px rgb(190 60 60/.3);--shadow-lg:0 30px 56px -28px rgb(190 40 110/.5);
 --gut:clamp(16px,4vw,32px);--wrap:1180px;
 --font:'Formal Bengali Digits','Hind Siliguri','Noto Sans Bengali','Nirmala UI',system-ui,sans-serif;color-scheme:light
}
.k1{--c:var(--p1);--cd:var(--p1d);--cs:#EEF2F6}.k2{--c:var(--p2);--cd:var(--p2d);--cs:#E0F2FE}.k3{--c:var(--p3);--cd:var(--p3d);--cs:#F3E8FF}
.k4{--c:var(--p4);--cd:var(--p4d);--cs:#FEF9C3}.k5{--c:var(--p5);--cd:var(--p5d);--cs:#D1FAE5}.k6{--c:var(--p6);--cd:var(--p6d);--cs:#CFFAFE}
.k7{--c:var(--p7);--cd:var(--p7d);--cs:#FFEDD5}.k8{--c:var(--p8);--cd:var(--p8d);--cs:#FAE8FF}.k9{--c:var(--p9);--cd:var(--p9d);--cs:#E0E7FF}

/* ---------- ভিত্তি ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;overflow-wrap:break-word;font-family:var(--font);font-size:1.0625rem;line-height:1.75;color:var(--ink);background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{margin:0;line-height:1.36;font-weight:700;text-wrap:balance}
h1{font-size:clamp(1.7rem,3.6vw,2.5rem)}h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}h3{font-size:1.15rem}h4{font-size:1.05rem}
p{margin:0 0 .8em}p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}dl,dd,figure{margin:0}
a{color:var(--brand-2);text-underline-offset:3px}a:hover{color:var(--brand)}
img,svg,video,iframe{max-width:100%}img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
small,.small{font-size:.875em}strong,b{font-weight:700}del{color:var(--muted)}
hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
::selection{background:#FBCFE8}
.skip,.p-skip{position:absolute;left:16px;top:-90px;z-index:200;padding:10px 16px;background:var(--ink);color:#fff;border-radius:12px;text-decoration:none}
.skip:focus,.p-skip:focus{top:12px;color:#fff}
.visually-hidden,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.gi,.ui-icon,.v21-icon{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em;fill:none;stroke:currentColor}
.gi--fill{fill:currentColor;stroke:none}
.numerals{font-variant-numeric:tabular-nums}
.preserve-lines{white-space:pre-line}
.gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-block:.1em}

/* ---------- সহায়ক ক্লাস (ভিউগুলোতে ব্যবহৃত) ---------- */
.row{display:flex;flex-wrap:wrap;margin:calc(var(--gy,0px)*-1) calc(var(--gx,24px)*-.5) 0}
.row>*{width:100%;max-width:100%;padding-inline:calc(var(--gx,24px)*.5);margin-top:var(--gy,0px);min-width:0}
.g-3{--gx:18px;--gy:18px}.g-4{--gx:26px;--gy:26px}
.col-12{flex:0 0 100%}
.col{flex:1 0 0%}
@media(min-width:768px){.col-md-2{flex:0 0 16.667%;max-width:16.667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-5{flex:0 0 41.667%;max-width:41.667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333%;max-width:58.333%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}}
@media(min-width:992px){.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-5{flex:0 0 41.667%;max-width:41.667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333%;max-width:58.333%}.col-lg-8{flex:0 0 66.667%;max-width:66.667%}}
@media(min-width:1200px){.col-xl-4{flex:0 0 33.333%;max-width:33.333%}.col-xl-5{flex:0 0 41.667%;max-width:41.667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333%;max-width:58.333%}.col-xl-8{flex:0 0 66.667%;max-width:66.667%}}
.d-block{display:block}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-grow-1{flex:1 1 0;min-width:0}
.justify-content-between{justify-content:space-between}.align-self-end{align-self:flex-end}
.gap-2{gap:8px}.gap-3{gap:16px}.gap-4{gap:24px}
.w-100{width:100%}
.m-0{margin:0}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}
.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.my-2{margin-block:8px}.my-3{margin-block:16px}.my-4{margin-block:24px}
.p-3{padding:16px}.border{border:1px solid var(--line-2)}.border-0{border:0}.rounded{border-radius:var(--r-field)}.bg-transparent{background:none}
.fs-6{font-size:1rem}
.text-secondary{color:var(--muted)}.text-primary{color:var(--brand)}.text-danger{color:var(--danger)}
.link-danger{color:var(--danger)}.link-danger:hover{color:#9F1239}

/* ---------- বোতাম ---------- */
.btn,.p-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.45em 1.3em;border-radius:var(--r-btn);border:1.5px solid transparent;font-weight:600;line-height:1.35;text-align:center;text-decoration:none;background:var(--surface);color:var(--ink);transition:transform .2s,box-shadow .2s,background-color .2s,background-position .45s,color .2s,border-color .2s}
.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn .gi,.btn .ui-icon,.p-button .gi{transition:transform .2s}
.btn:hover .gi--go,.p-button:hover .gi--go{transform:translateX(4px)}
.btn-primary,.p-button{background:var(--grad);background-size:170% 100%;background-position:0 0;color:#fff}
.btn-primary:hover,.p-button:hover{background-position:100% 0;color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -12px var(--brand)}
.btn-outline-primary,.btn-ghost{border-color:var(--line-2);background:var(--surface);color:var(--ink)}
.btn-outline-primary:hover,.btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--tint-2)}
.btn-outline-danger{border-color:#FDA4AF;color:var(--danger);background:var(--surface)}
.btn-outline-danger:hover{background:var(--danger);border-color:var(--danger);color:#fff}
.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#BE123C;color:#fff;transform:translateY(-2px)}
.btn-success{background:var(--ok);color:#fff}.btn-success:hover{background:#166534;color:#fff;transform:translateY(-2px)}
.btn-warning{background:#F59E0B;color:#3B2500}.btn-warning:hover{background:#D97706;color:#fff}
.btn-light,.btn-on{background:#fff;color:var(--brand-2)}
.btn-light:hover,.btn-on:hover{color:var(--brand-2);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgb(0 0 0/.4)}
.btn-outline-light,.btn-line{border-color:rgb(255 255 255/.6);color:#fff;background:none}
.btn-outline-light:hover,.btn-line:hover{background:rgb(255 255 255/.16);color:#fff}
.btn-link{background:none;border-color:transparent;color:var(--brand-2);text-decoration:underline;min-height:40px}
.btn-link-plain{background:none;border:0;padding:0;text-decoration:underline;font-weight:600}
.btn-sm,.p-button-small{min-height:38px;padding:.25em .95em;font-size:.92rem;border-radius:13px}
.btn-lg{min-height:54px;padding:.55em 1.6em;font-size:1.06rem}

/* ---------- ফর্ম ---------- */
label{display:inline-block}
.form-label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.form-control,.form-select{display:block;width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line-2);border-radius:var(--r-field);background-color:var(--surface);line-height:1.5;transition:border-color .2s,box-shadow .2s}
textarea.form-control{min-height:112px;resize:vertical}
.form-control:hover,.form-select:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line-2))}
.form-control:focus,.form-select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 16%,transparent)}
.form-control::placeholder{color:#A192A8}
.form-control[readonly],.form-control:disabled{background:var(--tint-2);color:var(--muted)}
.form-select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F5B79' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
input[type=file].form-control{padding:8px}
input[type=file]::file-selector-button{margin-right:12px;padding:6px 14px;border:0;border-radius:10px;background:var(--tint);color:var(--brand-2);font:inherit;font-weight:600;cursor:pointer}
input[type=checkbox],input[type=radio]{width:1.15em;height:1.15em;accent-color:var(--brand);vertical-align:-.15em;margin-right:.35em}
.form-text{font-size:.875rem;color:var(--muted);margin-top:6px}
.form-check{display:flex;align-items:center;gap:10px}
.form-check-label{font-weight:600}
.form-switch .form-check-input{appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:26px;background:var(--line-2);position:relative;margin:0;flex:none;transition:background-color .2s;cursor:pointer}
.form-switch .form-check-input::before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgb(0 0 0/.25);transition:translate .2s}
.form-switch .form-check-input:checked{background:var(--brand)}
.form-switch .form-check-input:checked::before{translate:20px 0}
.align-items-end{align-items:flex-end}.align-items-center{align-items:center}
.pw{position:relative;display:block}
.pw__eye{position:absolute;right:8px;top:7px;min-height:34px;padding:0 12px;border:0;border-radius:10px;background:var(--tint);color:var(--brand-2);font-size:.82rem;font-weight:600}
.pw .form-control{padding-right:84px}
.form-control+small,.form-select+small,.pw+small{display:block;margin-top:6px;color:var(--muted)}
.v9-registration label,.v9-course-extras label,.v9-faq-editor label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.h-100{height:100%}
fieldset{border:1.5px dashed var(--line-2);border-radius:var(--r-sm);padding:18px;margin:0 0 18px;min-width:0}
legend{padding:0 10px;font-weight:700}
details>summary{cursor:pointer;font-weight:600}

/* ---------- বার্তা, ব্যাজ, টেবিল, প্যানেল ---------- */
.alert{position:relative;padding:14px 18px;border-radius:var(--r-sm);border:1px solid transparent;margin-bottom:18px;font-weight:500}
.alert-info{background:var(--info-s);border-color:#BAE6FD;color:#0C4A6E}
.alert-danger{background:var(--danger-s);border-color:#FECDD3;color:#9F1239}
.alert-success{background:var(--ok-s);border-color:#BBF7D0;color:#14532D}
.alert-warning{background:var(--warn-s);border-color:#FDE68A;color:#713F12}
.flash{display:flex;align-items:flex-start;gap:12px;animation:drop .45s both cubic-bezier(.2,.8,.2,1)}
.flash .gi{margin-top:.25em}
.flash__x{margin-left:auto;border:0;background:none;padding:2px;border-radius:8px;color:inherit;opacity:.7}
.flash__x:hover{opacity:1}
.status,.badge,.p-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:999px;font-size:.82rem;font-weight:600;line-height:1.6;white-space:nowrap;background:var(--tint);color:var(--muted)}
.status,.badge,.p-badge,.course-mode{justify-self:start;align-self:flex-start}
td>.status,.d-flex>.status,.acourse__tags>*{align-self:center}
.status::before,.badge--dot::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.status.active,.badge--run,.p-ongoing{background:var(--ok-s);color:var(--ok)}
.status.pending,.badge--soon,.p-upcoming{background:var(--warn-s);color:var(--warn)}
.status.inactive,.badge--closed,.p-closed{background:#EEF2F6;color:var(--p1d)}
.status.suspended{background:var(--danger-s);color:#9F1239}
.table-responsive{overflow-x:auto;border-radius:var(--r-sm)}
.table{width:100%;border-collapse:collapse;font-size:.96rem}
.table th,.table td{padding:12px 16px;text-align:left;vertical-align:top}
.table thead th{font-weight:600;font-size:.86rem;color:var(--muted);background:var(--tint-2);white-space:nowrap}
.table tbody tr{border-top:1px solid var(--line);transition:background-color .2s}
.table tbody tr:hover{background:var(--tint-2)}
@media(max-width:760px){
 .table.is-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .table.is-stack,.table.is-stack tbody{display:block}
 .table.is-stack tbody tr{display:grid;gap:8px;padding:14px 4px}
 .table.is-stack td{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:2px;padding:0;min-width:0}
 .table.is-stack td:first-child::before{display:none}
 .table.is-stack td:first-child{font-size:1.02rem}
 .table.is-stack td[data-label]::before{content:attr(data-label);font-size:.78rem;font-weight:600;color:var(--muted)}
 .table.is-stack td:empty{display:none}
}
.panel{background:var(--surface);border-radius:var(--r);padding:clamp(18px,2.6vw,30px);box-shadow:var(--shadow);min-width:0}
.panel>h2,.panel>h3{margin-bottom:12px}
.eyebrow,.p-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--brand-2)}
.pill{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:5px 16px;border-radius:999px;font-weight:600;font-size:.92rem;line-height:1.5;background:var(--cs,var(--tint));color:var(--cd,var(--brand-2))}
.empty,.p-empty{display:grid;gap:10px;justify-items:center;text-align:center;padding:28px 18px;color:var(--muted)}
.empty h2,.empty h3,.p-empty h3{color:var(--ink)}
p.empty{display:block}
.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-weight:600;text-decoration:none;color:var(--muted)}
.back-link:hover{color:var(--brand)}
.section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:14px}
.list-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.list-row:first-of-type{border-top:0}
.lms-preview{display:block;max-width:220px;max-height:140px;border-radius:14px;margin:6px 0 12px;object-fit:cover;box-shadow:var(--shadow)}

/* ---------- পাবলিক হেডার ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgb(255 250 245/.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:box-shadow .25s}
.nav.is-stuck{box-shadow:0 10px 30px -18px rgb(60 20 50/.4)}
.nav__in{display:flex;align-items:center;gap:14px;min-height:76px}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto;text-decoration:none;color:var(--ink);min-width:0}
.brand:hover{color:var(--ink)}
.brand__mark{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;overflow:hidden}
.brand__mark svg{width:26px;height:26px}
.brand__mark--img{background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--line-2)}
.brand__mark img{width:100%;height:100%;object-fit:cover}
.brand__txt{display:grid;line-height:1.25;min-width:0}
.brand__txt b{font-size:1.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand__txt small{font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav__menu{display:flex;align-items:center;gap:2px}
.nav__menu>a{padding:8px 13px;border-radius:14px;text-decoration:none;font-weight:600;font-size:.98rem;color:var(--ink);white-space:nowrap;transition:background-color .2s,color .2s}
.nav__menu>a .gi{display:none}
.nav__menu>a:hover{background:var(--tint)}
.nav__menu>a[aria-current=page]{background:var(--tint);color:var(--brand-2)}
.nav__cta{display:flex;gap:8px;margin-left:8px}
.nav__toggle{display:none;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:14px;background:var(--surface);font-weight:600}
@media(max-width:1160px){
 .nav__toggle{display:inline-flex}
 .nav__menu{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 6px);flex-direction:column;align-items:stretch;padding:12px;background:var(--surface);border-radius:26px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;translate:0 -10px;transition:opacity .25s,translate .25s,visibility .25s;max-height:calc(100vh - 110px);overflow-y:auto}
 .nav.is-open .nav__menu{opacity:1;visibility:visible;translate:0 0}
 .nav__menu>a{display:flex;align-items:center;gap:12px;padding:12px 14px}
 .nav__menu>a .gi{display:block;color:var(--brand)}
 .nav__cta{margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
}
@media(max-width:380px){.brand__txt b{font-size:1rem}.brand__mark{width:40px;height:40px}.nav__toggle{padding:0 10px}}

/* ---------- অংশের কাঠামো ---------- */
.sec{padding-block:clamp(52px,8vw,96px);position:relative}
.sec--tight{padding-block:clamp(36px,5vw,60px)}
.hd{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 28px;margin-bottom:clamp(24px,4vw,40px)}
.hd>div:first-child{display:grid;gap:10px;justify-items:start;max-width:700px}
.hd h1,.hd h2{font-size:clamp(1.75rem,4vw,2.8rem)}
.hd p{color:var(--muted);margin:0}
.hd--c{justify-content:center;text-align:center}.hd--c>div:first-child{justify-items:center}.hd--c .pill{justify-self:center}
.hd__more{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
.hd__more .gi{transition:translate .2s}.hd__more:hover .gi{translate:3px -3px}

/* ---------- হিরো ---------- */
.hero{padding-inline:clamp(8px,1.6vw,22px)}
.hero__panel{position:relative;border-radius:clamp(28px,4vw,52px);background:radial-gradient(60% 80% at 100% 0,rgb(253 224 71/.5),transparent 60%),radial-gradient(50% 70% at 0 100%,rgb(99 102 241/.45),transparent 60%),var(--grad);color:#fff;overflow:hidden}
.hero__panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgb(255 255 255/.16) 1.3px,transparent 1.8px) 0 0/26px 26px;-webkit-mask:linear-gradient(120deg,#000,transparent 60%);mask:linear-gradient(120deg,#000,transparent 60%)}
.hero--lift .hero__panel{padding-bottom:84px}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,80px)}
.hero__txt{display:grid;gap:20px;justify-items:start;min-width:0}
.hero__txt>*{min-width:0;max-width:100%}
.hero .pill{background:rgb(255 255 255/.2);color:#fff;border:1px solid rgb(255 255 255/.4)}
.hero h1{color:#fff;font-size:clamp(2.1rem,5.2vw,3.9rem);line-height:1.28}
.hero__u{position:relative;display:table}
.hero__u svg{position:absolute;left:0;right:0;bottom:-.14em;width:100%;height:.3em;fill:none;stroke:#FDE047;stroke-width:5;stroke-linecap:round;overflow:visible}
.hero__u path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1s .8s cubic-bezier(.3,.7,.2,1) forwards}
.lead{font-size:clamp(1.05rem,1.5vw,1.2rem);max-width:54ch;margin:0}
.hero .lead{color:#fff;font-weight:500}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px}
.search{display:flex;gap:8px;width:100%;max-width:540px;padding:7px;background:var(--surface);border-radius:22px;box-shadow:0 20px 40px -20px rgb(80 0 60/.6);color:var(--ink)}
.search label{flex:1;display:flex;align-items:center;gap:10px;padding-left:14px;min-width:0;color:var(--muted)}
.search input{flex:1;width:100%;min-width:0;border:0;background:none;outline:0;padding:9px 0;color:var(--ink)}
.search input::placeholder{color:var(--muted)}
.search:focus-within{outline:3px solid #FDE047;outline-offset:2px}
.hero__ticks{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:600}
.hero__ticks li{display:flex;align-items:center;gap:8px}
.hero__ticks .gi{width:22px;height:22px;padding:4px;border-radius:50%;background:#fff;color:var(--brand);stroke-width:2.8}
.modes{display:flex;flex-wrap:wrap;gap:8px}
.modes a{display:inline-flex;align-items:center;gap:7px;padding:4px 14px;border-radius:999px;background:rgb(255 255 255/.16);border:1px solid rgb(255 255 255/.35);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:background-color .2s,color .2s}
.modes a:hover{background:#fff;color:var(--brand-2)}
.orbit{position:relative;width:min(100%,430px);aspect-ratio:1;margin:28px auto}
.orbit__r{position:absolute;border-radius:50%;border:2px dashed rgb(255 255 255/.5)}
.orbit__r--1{inset:0}.orbit__r--2{inset:17%;border-style:solid;border-color:rgb(255 255 255/.22)}
.orbit__spin{position:absolute;inset:0;animation:spin 46s linear infinite}
.orb{position:absolute;width:66px;height:66px;margin:-33px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cd);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 55%,transparent),0 16px 26px -10px rgb(60 0 50/.5);animation:spin-r 46s linear infinite}
.orb .gi{width:28px;height:28px}
.o1{left:50%;top:0}.o2{left:93.3%;top:25%}.o3{left:93.3%;top:75%}.o4{left:50%;top:100%}.o5{left:6.7%;top:75%}.o6{left:6.7%;top:25%}
.orbit__core{position:absolute;inset:25%;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;align-content:center;gap:2px;text-align:center;box-shadow:0 30px 60px -22px rgb(60 0 50/.7);line-height:1.4;padding:10px}
.orbit__play{width:68px;height:68px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:6px;animation:pulse-b 2.4s infinite}
.orbit__play .gi{width:26px;height:26px;margin-left:3px}
.orbit__core b{font-size:1.02rem}
.orbit__core small{color:var(--muted)}
.orbit__core--photo{padding:7px;inset:22%}
.orbit__core--photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.orbit__name{position:absolute;left:50%;bottom:-6px;translate:-50% 50%;padding:5px 18px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:.9rem;white-space:nowrap;max-width:120%;overflow:hidden;text-overflow:ellipsis;z-index:2}
@media(max-width:940px){.hero__in{grid-template-columns:minmax(0,1fr)}.orbit{width:min(78%,360px);margin-block:18px 34px}}
@media(max-width:560px){.orb{width:54px;height:54px;margin:-27px}.orb .gi{width:23px;height:23px}.orbit__play{width:52px;height:52px}.orbit__core b{font-size:.9rem}.orbit__core small{font-size:.76rem}}

/* ---------- বিষয়ের টিকিট ---------- */
.tickets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hero--lift+.tickets-wrap,.tickets--lift{position:relative;margin-top:-62px}
.tk{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border-radius:26px;background:var(--surface);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s}
.tk:hover{transform:translateY(-8px);color:var(--ink)}
.tk__ico{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:var(--cs);color:var(--cd);transition:background-color .3s,color .3s,rotate .3s}
.tk__ico .gi{width:28px;height:28px}
.tk:hover .tk__ico{background:var(--c);color:#fff;rotate:-8deg}
.tk__txt{display:grid;line-height:1.4;min-width:0}
.tk__txt b{font-size:1.1rem}
.tk__txt small{color:var(--muted);font-size:.86rem}
.tk__go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--ink);transition:background-color .3s,color .3s,translate .3s}
.tk:hover .tk__go{background:var(--ink);color:#fff;translate:4px 0}
@media(max-width:1080px){.tickets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tickets{gap:12px}.tk{grid-template-columns:minmax(0,1fr);justify-items:start;padding:16px;gap:8px;border-radius:22px}.tk__go{display:none}.tk__ico{width:48px;height:48px;border-radius:16px}}

/* ---------- কোর্স কার্ড, সারি ও গ্রিড ---------- */
.seg{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:18px;background:var(--tint)}
.seg a,.seg button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:0;border-radius:14px;background:none;font-weight:600;color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s}
.seg a:hover,.seg button:hover{color:var(--brand)}
.seg .is-current,.seg [aria-pressed=true],.seg [aria-current=page]{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}
.hd__ctl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.arrows{display:flex;gap:8px}
.arrows button{width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--ink);color:#fff;transition:background .25s,transform .2s}
.arrows button:hover{background:var(--grad);transform:scale(1.08)}
.rail-sec{overflow:hidden}
.car{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gut),calc((100vw - var(--wrap))/2));padding:12px max(var(--gut),calc((100vw - var(--wrap))/2)) 40px;scrollbar-width:none}
.car::-webkit-scrollbar{display:none}
.car>.crs{flex:0 0 min(384px,84vw);scroll-snap-align:start}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}
.crs{position:relative;display:flex;flex-direction:column;min-width:0;padding:10px;border-radius:32px;background:var(--surface);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.crs[hidden]{display:none}
.crs:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.crs__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:23px;overflow:hidden;background:var(--cs);box-shadow:inset 0 0 0 1px rgb(0 0 0/.06)}
.crs__thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.2,.8,.2,1)}
.crs:hover .crs__thumb img{scale:1.045}
.crs__thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px transparent;transition:box-shadow .3s;pointer-events:none}
.crs:hover .crs__thumb::after{box-shadow:inset 0 0 0 3px var(--c)}
.crs__thumb--none{display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(70% 90% at 100% 0,rgb(255 255 255/.35),transparent 60%),linear-gradient(140deg,var(--c),var(--cd));color:#fff;text-decoration:none}
.crs__thumb--none span{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:#fff;color:var(--cd);box-shadow:0 18px 30px -14px rgb(0 0 0/.45);transition:rotate .35s,scale .35s}
.crs__thumb--none .gi{width:40px;height:40px;stroke-width:1.5}
.crs:hover .crs__thumb--none span{rotate:-8deg;scale:1.08}
.crs__body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;padding:16px 14px 12px}
.crs__top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.crs__cat{font-weight:600;font-size:.86rem;color:var(--cd)}
.crs h3{font-size:1.2rem}
.crs h3 a{text-decoration:none;color:var(--ink)}
.crs h3 a:hover{color:var(--brand)}
.crs__desc{color:var(--muted);font-size:.95rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crs__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.88rem;color:var(--muted);margin-bottom:6px}
.crs__meta li{display:flex;align-items:center;gap:6px}
.crs__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1.5px dashed var(--line-2)}
.price{display:grid;line-height:1.3}
.price small{font-size:.76rem;color:var(--muted)}
.price b{font-size:1.4rem}
.price del{font-size:.9rem;font-weight:400;margin-left:6px}
.price--free b{color:var(--ok);font-size:1.15rem}
.crs__go{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:999px;background:var(--tint);color:var(--brand);font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.crs__go .gi{transition:transform .2s}
.crs:hover .crs__go{background:var(--grad);color:#fff}
.crs:hover .crs__go .gi{transform:translateX(4px)}
.note{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--r-sm);background:var(--warn-s);font-size:.92rem;margin:0 0 18px}
.note .gi{color:var(--warn);margin-top:.25em}
.note--info{background:var(--info-s)}.note--info .gi{color:var(--info)}

/* ---------- ভিডিও কর্নার ---------- */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.vid{display:flex;flex-direction:column;padding:10px;border-radius:32px;background:var(--surface);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.vid:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.vid__media,.yt{position:relative;aspect-ratio:16/9;border-radius:23px;overflow:hidden;background:var(--ink);display:grid;place-items:center}
.vid__media img,.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.vid__media iframe,.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid__n{position:absolute;left:14px;top:8px;font-size:1.9rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgb(0 0 0/.5)}
.playbtn{position:relative;width:66px;height:66px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 14px 30px -10px rgb(0 0 0/.6);animation:pulse-b 2.4s infinite;transition:scale .2s}
.playbtn:hover{scale:1.1}
.playbtn svg{width:26px;height:26px;margin-left:3px}
.playbtn--off{background:rgb(255 255 255/.25);animation:none}
.vid__soon{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#fff;font-weight:600;font-size:.9rem}
.vid__body{display:grid;gap:6px;padding:16px 14px 12px}
.vid__body span{font-weight:600;font-size:.86rem;color:var(--brand-2)}
.vid__body h3{font-size:1.14rem}
.vid__body p{color:var(--muted);font-size:.95rem;margin:0}
.vid__body a{font-weight:600;font-size:.92rem}
.fine{color:var(--muted);font-size:.88rem;margin-top:18px}

/* ---------- কেন আমরা, মেন্টর, ধাপ ---------- */
.why{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(24px,5vw,64px);border-radius:clamp(28px,4vw,52px);background:var(--rainbow-soft)}
.why__txt{display:grid;gap:16px;justify-items:start}
.why__txt h2{font-size:clamp(1.75rem,3.8vw,2.7rem)}
.why__txt p{color:var(--muted);margin:0}
.why__list{display:grid;gap:14px}
.why__list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;border-radius:26px;background:rgb(255 255 255/.82);box-shadow:var(--shadow);transition:transform .3s,background-color .3s}
.why__list li:hover{transform:translateX(10px);background:#fff}
.why__n{font-size:2.5rem;font-weight:700;line-height:1;background:linear-gradient(160deg,var(--c),var(--cd));-webkit-background-clip:text;background-clip:text;color:transparent;min-width:1.5em}
.why__list h3{font-size:1.14rem}
.why__list p{color:var(--muted);font-size:.95rem;margin:0}
.why__ico{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--cs);color:var(--cd)}
@media(max-width:900px){.why{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.why__ico{display:none}.why__list li{grid-template-columns:auto minmax(0,1fr);padding:16px;gap:14px}.why__n{font-size:2rem}}
.mentor{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(22px,4vw,44px);border-radius:clamp(28px,4vw,44px);background:var(--surface);box-shadow:var(--shadow)}
.mentor__pic{width:clamp(120px,17vw,180px);aspect-ratio:1;border-radius:50%;padding:7px;background:conic-gradient(from 0deg,var(--p7),var(--p8),var(--p9),var(--p2),var(--p5),var(--p4),var(--p7));animation:spin 14s linear infinite}
.mentor__pic>*{display:block;width:100%;height:100%;border-radius:50%;background:var(--tint);border:6px solid #fff;object-fit:cover;animation:spin-r 14s linear infinite}
.mentor__pic svg{fill:var(--brand);stroke:none}
.mentor__txt{display:grid;gap:10px;justify-items:start}
.mentor__txt h2{font-size:clamp(1.4rem,2.8vw,2rem)}
.mentor__txt p{color:var(--muted);margin:0}
@media(max-width:620px){.mentor{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.mentor__txt{justify-items:center}.mentor__txt .pill{justify-self:center}}
.wave{position:relative}
.wave svg{display:block;width:100%;height:150px;overflow:visible}
.wave>svg path{fill:none;stroke:url(#gwave);stroke-width:4;stroke-linecap:round;stroke-dasharray:3 14;animation:flow 1.6s linear infinite}
.wave ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:-150px}
.wave li{display:grid;gap:8px;justify-items:center;text-align:center;align-content:start;padding-inline:12px}
.wave__n{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,var(--c),var(--cd));color:#fff;box-shadow:0 0 0 8px var(--bg),0 18px 30px -12px var(--c);transition:scale .3s}
.wave__n .gi{width:34px;height:34px}
.wave li:nth-child(1) .wave__n,.wave li:nth-child(3) .wave__n{margin-top:-23px;margin-bottom:119px}
.wave li:nth-child(2) .wave__n{margin-top:89px;margin-bottom:7px}
.wave li:hover .wave__n{scale:1.1}
.wave h3{font-size:1.22rem}
.wave p{color:var(--muted);font-size:.96rem;max-width:32ch;margin:0}
@media(max-width:820px){
 .wave svg{display:none}
 .wave ol{grid-template-columns:minmax(0,1fr);margin-top:0;gap:0}
 .wave li{position:relative;grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;column-gap:18px;padding:0 0 30px}
 .wave li .wave__n,.wave li:nth-child(n) .wave__n{grid-row:1/span 2;margin:0;width:66px;height:66px;box-shadow:0 0 0 6px var(--bg)}
 .wave li::before{content:"";position:absolute;left:32px;top:66px;bottom:0;border-left:3px dotted var(--line-2)}
 .wave li:last-child::before{display:none}
 .wave h3{align-self:end}
}

/* ---------- অ্যাকর্ডিয়ন (FAQ ও মডিউল) ---------- */
.qas{display:grid;gap:12px}
.qas--narrow{max-width:820px;margin-inline:auto}
.qa{background:var(--surface);box-shadow:var(--shadow);border-radius:24px;transition:box-shadow .25s}
.qa[open]{box-shadow:var(--shadow-lg)}
.qa>summary{display:flex;align-items:center;gap:14px;padding:18px 22px;font-weight:600;font-size:1.05rem;list-style:none}
.qa>summary::-webkit-details-marker{display:none}
.qa>summary::after{content:"";width:34px;height:34px;flex:none;margin-left:auto;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DB2777' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;transition:rotate .3s,background-color .2s}
.qa[open]>summary::after{rotate:180deg;background-color:#FCE7F3}
.qa__a{padding:0 22px 20px;color:var(--muted);animation:fade .35s both}
.qa__a p{margin:0}

/* ---------- শেষ ডাক ও ফুটার ---------- */
.cta{position:relative;display:grid;gap:14px;justify-items:center;text-align:center;--sun:340px;padding:clamp(44px,7vw,88px) clamp(20px,4vw,48px) clamp(64px,9vw,120px);border-radius:clamp(28px,4vw,52px);background:var(--grad);color:#fff;overflow:hidden;isolation:isolate}
.cta h2{color:#fff;font-size:clamp(1.9rem,4.4vw,3.2rem)}
.cta p{margin:0;opacity:.95}
.cta .pill{justify-self:center;background:rgb(255 255 255/.2);color:#fff;border:1px solid rgb(255 255 255/.4)}
.cta__sun{position:absolute;z-index:-1;left:50%;bottom:calc(var(--sun)*-1);width:calc(var(--sun)*2);height:calc(var(--sun)*2);translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(253 224 71/.75) 0 38%,transparent 39%),repeating-conic-gradient(from 0deg,rgb(255 255 255/.2) 0 3deg,transparent 3deg 10deg);animation:spin 100s linear infinite}
.cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
/* সূর্য: --sun = রশ্মির ব্যাসার্ধ; কেন্দ্র সব পর্দায় বাক্সের নিচের কিনারায়, তাই হলুদ অর্ধবৃত্ত (ব্যাসার্ধের ৩৮%) ও রশ্মি দুটোই দেখা যায়। নিচের ফাঁকা জায়গা অর্ধবৃত্তের মাপ থেকে হিসাব হয়, ফলে বোতাম ঢাকে না। */
/* উচ্চতা আপডেট ৬-এর মতোই (নিচের ফাঁক একই); ছোট পর্দায় সূর্য সেই ফাঁকে পুরো অর্ধবৃত্তে দেখা যায়, বোতাম ঢাকে না */
@media(max-width:1000px){.cta{--sun:calc((clamp(64px,9vw,120px) - 14px)/.38)}}
@media(max-width:640px){.cta{padding-bottom:110px;--sun:244px}}
.foot{margin-top:clamp(24px,4vw,48px);padding-top:clamp(40px,6vw,64px);background:var(--tint);font-size:.97rem}
.foot__grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.foot__about{display:grid;gap:14px;align-content:start;max-width:40ch}
.foot__about p{color:var(--muted);margin:0}
.foot h2{font-size:1.02rem;margin-bottom:12px}
.foot__links{display:grid;gap:7px}
.foot__links a,.foot__contact a{text-decoration:none;color:var(--muted);transition:color .2s,padding .2s}
.foot__links a:hover{color:var(--brand);padding-left:4px}
.foot__contact{display:grid;gap:10px;color:var(--muted)}
.foot__contact li{display:flex;gap:10px;align-items:flex-start}
.foot__contact .gi,.foot__contact .ui-icon{color:var(--brand);margin-top:.25em}
.social{display:flex;flex-wrap:wrap;gap:8px}
.social a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--surface);color:var(--ink);font-weight:600;font-size:.88rem;text-decoration:none;box-shadow:var(--shadow);transition:background .2s,color .2s,transform .2s}
.social a:hover{background:var(--grad);color:#fff;transform:translateY(-2px)}
.foot__bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin-top:36px;padding-block:18px;border-top:1px solid var(--line-2);color:var(--muted);font-size:.9rem}
@media(max-width:860px){.foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot__about{grid-column:1/-1;max-width:none}}
@media(max-width:440px){.foot__grid{grid-template-columns:minmax(0,1fr)}}
.wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 18px 0 14px;border-radius:999px;background:#128C4B;color:#fff;font-weight:600;text-decoration:none;box-shadow:0 14px 30px -12px rgb(0 80 40/.7);transition:transform .2s,background-color .2s}
.wa:hover{background:#0E7A40;color:#fff;transform:translateY(-3px)}
@media(max-width:560px){.wa span{display:none}.wa{padding:0;width:54px;height:54px;justify-content:center}}

/* ---------- ভিতরের পাবলিক পেইজ ---------- */
.phero{padding-inline:clamp(8px,1.6vw,22px)}
.phero__in{position:relative;border-radius:clamp(24px,3.4vw,44px);background:radial-gradient(60% 120% at 100% 0,rgb(253 224 71/.45),transparent 60%),var(--grad);color:#fff;overflow:hidden;padding-block:clamp(30px,5vw,60px)}
.phero__in::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgb(255 255 255/.16) 1.3px,transparent 1.8px) 0 0/26px 26px;-webkit-mask:linear-gradient(120deg,#000,transparent 60%);mask:linear-gradient(120deg,#000,transparent 60%)}
.phero .wrap{position:relative;display:grid;gap:12px;justify-items:start}
.phero h1{color:#fff;font-size:clamp(1.8rem,4.4vw,3rem)}
.phero p{margin:0;font-weight:500;max-width:62ch}
.phero .pill{background:rgb(255 255 255/.2);color:#fff;border:1px solid rgb(255 255 255/.4)}
.phero a:not(.btn){color:#fff}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:.9rem;font-weight:600}
.crumbs a{color:#fff;text-decoration:none;opacity:.9}.crumbs a:hover{opacity:1;text-decoration:underline}
.page{padding-block:clamp(32px,5vw,60px)}
.filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:18px;border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);margin-bottom:24px}
.filters label{display:grid;gap:4px;font-weight:600;font-size:.88rem;min-width:0}
@media(max-width:900px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters>label:first-child,.filters>.btn{grid-column:1/-1}}
.results{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:18px;color:var(--muted);font-weight:600}
/* কোর্সের বিস্তারিত */
.cd{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(22px,3vw,40px);align-items:start}
.cd__main{display:grid;gap:22px;min-width:0}
.tabs2{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:18px;background:var(--tint);justify-self:start}
.tabs2 a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:14px;font-weight:600;color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s}
.tabs2 a:hover{background:var(--surface);color:var(--brand)}
.box{background:var(--surface);border-radius:var(--r);padding:clamp(18px,2.8vw,32px);box-shadow:var(--shadow);min-width:0}
.box>h2{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.box>h2 .gi{width:38px;height:38px;padding:8px;border-radius:12px;background:var(--tint);color:var(--brand)}
.box>h3{margin:18px 0 10px}
.checks{display:grid;gap:8px}
.checks li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}
.checks li::before{content:"";width:22px;height:22px;margin-top:.22em;border-radius:50%;background:var(--ok-s) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.500l4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/13px no-repeat}
.enroll{position:sticky;top:96px;display:grid;gap:14px;padding:12px;border-radius:32px;background:var(--surface);box-shadow:var(--shadow-lg)}
.enroll__thumb{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--cs)}
.enroll__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.enroll__body{display:grid;gap:14px;padding:4px 12px 14px}
.enroll__price{font-size:2rem;font-weight:700;line-height:1.2;margin:0}
.enroll__price del{font-size:1.05rem;font-weight:400;margin-left:8px}
.facts{display:grid;gap:0}
.facts>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px dashed var(--line-2)}
.facts>div:first-child{border-top:0}
.facts .gi{width:34px;height:34px;padding:7px;border-radius:11px;background:var(--tint);color:var(--brand)}
.facts dt{color:var(--muted);font-size:.92rem}
.facts dd{font-weight:600;text-align:right}
.enroll .btn,.enroll .p-button{width:100%;min-height:54px;font-size:1.06rem}
.enroll form{display:block}
.enroll__note{text-align:center;color:var(--muted);font-size:.88rem;margin:0}
.p-center{text-align:center;font-size:.94rem}
.p-notice{padding:10px 14px;border-radius:14px;background:var(--warn-s);font-size:.92rem;margin:0}
.enroll-blink{animation:glow 1.6s ease-in-out infinite}
/* ফোন ও ছোট পর্দা: ভর্তি-কার্ড মূল লেখার নিচে; উপরে শিরোনামের প্যানেলে ফি ও "ভর্তি হউন" বোতাম */
.phero__cta{display:none}
@media(max-width:1000px){
 .cd{grid-template-columns:minmax(0,1fr)}.enroll{position:static}
 .phero__cta{display:flex;flex-wrap:wrap;width:100%;max-width:560px;align-items:center;justify-content:space-between;gap:12px 18px;margin-top:18px;padding:12px 12px 12px 18px;border-radius:22px;background:rgb(255 255 255/.14);border:1px solid rgb(255 255 255/.32)}
 .phero__price{display:grid;line-height:1.3;color:#fff}.phero__price small{font-size:.8rem;opacity:.88}.phero__price b{font-size:1.35rem}
 .phero__btn,.phero__btn:hover{min-height:50px;padding:0 22px;border-color:#fff;background:#fff;color:var(--brand-2);font-size:1.02rem}
}
@media(max-width:420px){.phero__cta{padding:12px}.phero__btn{flex:1 1 100%}}
.count{display:grid;gap:10px;padding:20px;border-radius:var(--r);background:linear-gradient(120deg,#FFF1F2,#FFEDD5);box-shadow:var(--shadow)}
.count__title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--danger);margin:0}
.count__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.count__grid>div{display:grid;justify-items:center;gap:2px;padding:12px 6px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.count__grid strong{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.2;color:var(--brand-2);font-variant-numeric:tabular-nums}
.count__grid span{font-size:.84rem;color:var(--muted)}
.count p,.count small{margin:0;color:var(--muted)}
.count .v14-expired{color:var(--danger);font-weight:600}
/* মডিউল ও ক্লাস */
.cur{display:grid;gap:12px}
.mod{border-radius:24px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .25s}
.mod[open]{box-shadow:inset 0 0 0 1.5px var(--c),var(--shadow)}
.mod>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;list-style:none}
.mod>summary::-webkit-details-marker{display:none}
.mod__ico{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--cs);color:var(--cd);transition:background-color .25s,color .25s}
.mod__ico .gi{width:26px;height:26px}
.mod[open] .mod__ico{background:linear-gradient(150deg,var(--c),var(--cd));color:#fff}
.mod__t{display:grid;line-height:1.4;min-width:0}
.mod__t small{font-weight:600;font-size:.8rem;color:var(--cd)}
.mod__t b{font-size:1.1rem}
.mod__n{padding:2px 12px;border-radius:999px;background:var(--tint-2);color:var(--muted);font-size:.84rem;font-weight:600;white-space:nowrap}
.mod__chev{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--tint);color:var(--brand);transition:rotate .3s}
.mod[open] .mod__chev{rotate:180deg}
.mod__body{display:grid;gap:10px;padding:0 18px 18px;animation:fade .35s both}
.mod__sum{color:var(--muted);margin:0 0 4px}
.cls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px 16px;border-radius:18px;background:var(--tint-2)}
.cls__ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cd);box-shadow:var(--shadow)}
.cls__ico .gi{width:20px;height:20px}
.cls__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.cls__head b{font-size:1.02rem}
.cls__tag{padding:1px 10px;border-radius:999px;background:var(--cs);color:var(--cd);font-size:.78rem;font-weight:600}
.cls ul{display:grid;gap:4px;margin-top:6px;color:var(--muted);font-size:.95rem}
.cls ul li{position:relative;padding-left:18px}
.cls ul li::before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--c)}
.cls--video{background:none;padding:6px 16px;align-items:center}
.cls--video .cls__ico{width:32px;height:32px;box-shadow:none;background:var(--tint)}
.cls--video .cls__ico .gi{width:14px;height:14px}
.mod__empty{color:var(--muted);font-size:.94rem;margin:0}
@media(max-width:560px){.mod>summary{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:12px 14px}.mod__n{grid-column:2;grid-row:2;justify-self:start;margin-top:-6px}.mod__chev{grid-row:1/span 2;grid-column:3}.mod__ico{width:44px;height:44px;border-radius:14px}.mod__body{padding:0 12px 14px}.cls{padding:12px;gap:10px}}
/* বিস্তারিত কোর্স মডিউল পেইজ */
.mcourses{display:grid;gap:26px}
.mcourse{border-radius:clamp(26px,3.4vw,40px);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.mcourse__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,2.4vw,26px);align-items:center;padding:clamp(14px,2vw,22px);background:linear-gradient(120deg,var(--cs),#fff 70%)}
.mcourse__thumb{width:clamp(96px,16vw,190px);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,var(--c),var(--cd));color:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}
.mcourse__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.mcourse__thumb .gi{width:34px;height:34px}
.mcourse__t{display:grid;gap:6px;min-width:0}
.mcourse__t h2{font-size:clamp(1.2rem,2.4vw,1.6rem)}
.mcourse__t h2 a{color:var(--ink);text-decoration:none}.mcourse__t h2 a:hover{color:var(--brand)}
.chips{display:flex;flex-wrap:wrap;gap:6px 8px}
.chips li{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:.86rem;font-weight:600;color:var(--muted)}
.chips li .gi{color:var(--cd,var(--brand));width:1.1em;height:1.1em}
.mcourse__body{padding:clamp(14px,2vw,22px)}
.mnav{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.mnav a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-weight:600;font-size:.92rem;text-decoration:none;color:var(--ink);transition:background .2s,color .2s}
.mnav a:hover{background:var(--grad);color:#fff}
@media(max-width:640px){.mcourse__head{grid-template-columns:auto minmax(0,1fr)}.mcourse__head>.btn{grid-column:1/-1}}
/* যোগাযোগ, পলিসি, বার্তা */
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(22px,3vw,40px);align-items:start}
@media(max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}
.cinfo{display:grid;gap:14px}
.cinfo li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
.cinfo .gi{width:46px;height:46px;padding:11px;border-radius:15px;background:var(--cs,var(--tint));color:var(--cd,var(--brand))}
.cinfo small{display:block;color:var(--muted)}
.cinfo b,.cinfo a{font-weight:600;overflow-wrap:anywhere}
.p-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:560px){.p-form-row{grid-template-columns:minmax(0,1fr)}}
.p-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.p-consent{display:flex;gap:8px;align-items:flex-start;font-size:.94rem}
.prose{font-size:1.05rem}
.prose h2{font-size:1.3rem;margin:1.4em 0 .4em}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 .9em;color:#4A3556}
.aside-card{position:sticky;top:96px;display:grid;gap:10px;padding:22px;border-radius:var(--r);background:var(--rainbow-soft)}
.aside-card a{font-weight:600}
.msg{display:grid;gap:14px;justify-items:center;text-align:center;max-width:620px;margin:clamp(30px,6vw,70px) auto;padding:clamp(26px,5vw,48px);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-lg)}
.msg__ico{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--brand)}
.msg__ico .gi{width:36px;height:36px}
/* লগইন, নিবন্ধন */
.p-account{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto;padding-block:clamp(24px,4vw,48px)}
.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:clamp(26px,3.4vw,44px);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}
.auth__story{position:relative;display:grid;gap:14px;align-content:center;justify-items:start;padding:clamp(26px,5vw,60px);background:radial-gradient(60% 80% at 100% 0,rgb(253 224 71/.5),transparent 60%),var(--grad);color:#fff;overflow:hidden;isolation:isolate}
.auth__story h1{color:#fff;font-size:clamp(1.8rem,3.8vw,2.7rem)}
.auth__story p{margin:0;font-weight:500}
.auth__story .pill{background:rgb(255 255 255/.2);color:#fff;border:1px solid rgb(255 255 255/.4)}
.auth__story::after{content:"";position:absolute;z-index:-1;right:-120px;bottom:-160px;width:380px;height:380px;border-radius:50%;border:44px solid rgb(255 255 255/.12)}
.auth__form{display:grid;gap:6px;align-content:center;padding:clamp(24px,4.4vw,56px)}
.auth__form h2{margin-bottom:4px}
@media(max-width:820px){.auth{grid-template-columns:minmax(0,1fr)}}
.reg{display:grid;gap:22px;max-width:920px;margin-inline:auto}
.reg__hero{display:grid;gap:10px;justify-items:start;padding:clamp(22px,4vw,40px);border-radius:var(--r);background:radial-gradient(60% 120% at 100% 0,rgb(253 224 71/.45),transparent 60%),var(--grad);color:#fff}
.reg__hero h1{color:#fff}.reg__hero p{margin:0;font-weight:500}
.reg__hero .pill,.reg__hero .eyebrow{background:rgb(255 255 255/.2);color:#fff;border:1px solid rgb(255 255 255/.4);padding:4px 14px;border-radius:999px}
/* ভর্তি ও পেমেন্ট */
.steps3{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.steps3 li,.steps3 span{padding:5px 14px;border-radius:999px;background:var(--tint);color:var(--muted);font-size:.88rem;font-weight:600}
.steps3 .is-on,.steps3 li:first-child{background:var(--grad);color:#fff}
.pay{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(20px,3vw,34px);align-items:start}
.pay__main{display:grid;gap:20px;min-width:0}
.pay__sum{position:sticky;top:96px;display:grid;gap:12px;padding:clamp(18px,2.6vw,28px);border-radius:var(--r);background:var(--tint)}
.pay__sum h2,.pay__sum h3{font-size:1.2rem}
.pay__sum ul:not(.chips){display:grid;gap:8px;font-size:.94rem}
.pay__sum ul:not(.chips) li{display:flex;gap:8px;align-items:flex-start}
.pay__sum ul:not(.chips) li .gi{color:var(--ok);margin-top:.25em;stroke-width:2.4}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-block:14px;border-block:1.5px dashed var(--line-2)}
.total b{font-size:1.5rem;color:var(--brand-2)}
.methods{display:grid;gap:12px}
.method{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .2s}
.method:hover{box-shadow:inset 0 0 0 1.5px var(--brand)}
.method__ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--brand);flex:none;overflow:hidden}
.method__ico img{width:100%;height:100%;object-fit:cover}
.method__ico .gi{width:26px;height:26px}
.method__icons{display:flex;gap:6px;flex:none}
.method__txt{display:grid;line-height:1.4;margin-right:auto;min-width:0}
.method__txt small{color:var(--muted);font-size:.86rem}
.method__num{font-size:1.45rem;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.copybtn .gi,.v21-copy-icon{animation:blink-ico 1.2s infinite}
.copybtn.v21-copied,.copybtn.is-done{background:var(--ok);border-color:var(--ok);color:#fff}
.copybtn.v21-copied .gi,.copybtn.is-done .gi{animation:none}
.instr{padding:14px 18px;border-radius:var(--r-sm);background:var(--info-s);color:#0C4A6E;white-space:pre-line}
.safe{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--r-sm);background:var(--warn-s);font-size:.92rem;margin:0}
.safe .gi{color:var(--warn);margin-top:.25em}
@media(max-width:860px){.pay{grid-template-columns:minmax(0,1fr)}.pay__sum{position:static}}
@media(max-width:480px){.method .copybtn{width:100%}}

/* ---------- নড়াচড়া ---------- */
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes spin{to{rotate:360deg}}
@keyframes spin-r{to{rotate:-360deg}}
@keyframes flow{to{stroke-dashoffset:-34}}
@keyframes fade{from{opacity:0;translate:0 8px}}
@keyframes drop{from{opacity:0;translate:0 -12px}}
@keyframes rise{from{opacity:0;translate:0 22px}}
@keyframes pulse-b{0%{box-shadow:0 0 0 0 rgb(219 39 119/.5)}70%{box-shadow:0 0 0 18px rgb(219 39 119/0)}100%{box-shadow:0 0 0 0 rgb(219 39 119/0)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgb(219 39 119/.55)}50%{box-shadow:0 0 0 10px rgb(219 39 119/0)}}
@keyframes blink-ico{0%,100%{opacity:1;scale:1}50%{opacity:.25;scale:.86}}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgb(225 29 72/.55)}50%{opacity:.45;box-shadow:0 0 0 7px rgb(225 29 72/0)}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgb(225 29 72/.6)}100%{box-shadow:0 0 0 9px rgb(225 29 72/0)}}
[data-in]{animation:rise .8s backwards cubic-bezier(.2,.7,.2,1);animation-delay:calc(var(--i,0)*90ms)}
[data-in]:nth-child(2){--i:1}[data-in]:nth-child(3){--i:2}[data-in]:nth-child(4){--i:3}[data-in]:nth-child(5){--i:4}[data-in]:nth-child(6){--i:5}[data-in]:nth-child(7){--i:6}
.js [data-reveal]{opacity:0;translate:0 26px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*80ms)}
.js [data-reveal].is-in{opacity:1;translate:0 0}
/* =====================================================================
   আপডেট ১১ — গোধূলি রঙে: রঙিন কোর্সের বিস্তারিত ও ভর্তি-পেমেন্ট পেইজ,
   ভিন্ন ভিন্ন সলিড রঙের বোতাম/ট্যাব, ফোনে তিন জায়গায় ভর্তি হউন, WhatsApp,
   স্টিকি কাউন্টডাউন, কপি বোতাম, নিবন্ধনের বার্তা ও ধন্যবাদ-উদযাপন
   ===================================================================== */
:root{
 /* সলিড রং (সাদা লেখায় কনট্রাস্ট ≥ ৪.৫); হলুদে গাঢ় লেখা */
 --s-yellow:#FACC15;--s-yellow-ink:#422006;--s-orange:#C2410C;--s-sky:#0369A1;--s-green:#047857;--s-fuchsia:#A21CAF;--s-indigo:#4338CA;--s-pink:#BE185D;--s-purple:#7E22CE;--s-teal:#0E7490;
 --font-clear:'Hind Siliguri W','Hind Siliguri','Noto Sans Bengali','Nirmala UI',system-ui,sans-serif
}
.sc-y{--sc:var(--s-yellow);--sci:var(--s-yellow-ink)}.sc-o{--sc:var(--s-orange);--sci:#fff}.sc-s{--sc:var(--s-sky);--sci:#fff}.sc-g{--sc:var(--s-green);--sci:#fff}
.sc-f{--sc:var(--s-fuchsia);--sci:#fff}.sc-i{--sc:var(--s-indigo);--sci:#fff}.sc-p{--sc:var(--s-pink);--sci:#fff}.sc-u{--sc:var(--s-purple);--sci:#fff}.sc-t{--sc:var(--s-teal);--sci:#fff}
.btn-solid,.btn-solid:hover{background:var(--sc);border-color:var(--sc);color:var(--sci)}
.btn-solid:hover{filter:brightness(1.08) saturate(1.1);transform:translateY(-2px);box-shadow:0 12px 22px -12px var(--sc)}
@keyframes float11{50%{translate:0 -10px}}
@keyframes ping-y{0%{box-shadow:0 0 0 0 rgb(253 224 71/.8)}100%{box-shadow:0 0 0 10px rgb(253 224 71/0)}}
@keyframes shine11{0%,55%{translate:-120% 0}100%{translate:120% 0}}
@keyframes blinkbtn{0%,100%{box-shadow:0 0 0 0 rgb(219 39 119/.65);filter:none}50%{box-shadow:0 0 0 12px rgb(219 39 119/0);filter:brightness(1.14) saturate(1.15)}}
@keyframes nudge{0%,100%{translate:0 0}50%{translate:4px 0}}

/* ── ১. হোম ও কোর্সসমূহ: “বিস্তারিত” বোতাম — প্রতিটি আলাদা সলিড রঙ, ঝলক ও তীরের নড়াচড়া ── */
.crs .crs__go{position:relative;overflow:hidden;isolation:isolate;background:var(--sc,var(--s-orange));color:var(--sci,#fff);box-shadow:0 10px 18px -12px var(--sc,var(--s-orange));transition:transform .2s,box-shadow .2s,filter .2s}
.crs .crs__go::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.55) 50%,transparent 65%);animation:shine11 3.2s ease-in-out infinite}
.crs .crs__go .gi{animation:nudge 1.4s ease-in-out infinite}
.crs:hover .crs__go,.crs .crs__go:hover{background:var(--sc,var(--s-orange));color:var(--sci,#fff);transform:translateY(-2px) scale(1.04);filter:brightness(1.08)}
.crs:nth-child(6n+1) .crs__go{--sc:var(--s-orange);--sci:#fff}.crs:nth-child(6n+2) .crs__go{--sc:var(--s-sky);--sci:#fff}.crs:nth-child(6n+3) .crs__go{--sc:var(--s-green);--sci:#fff}
.crs:nth-child(6n+4) .crs__go{--sc:var(--s-yellow);--sci:var(--s-yellow-ink)}.crs:nth-child(6n+5) .crs__go{--sc:var(--s-fuchsia);--sci:#fff}.crs:nth-child(6n) .crs__go{--sc:var(--s-indigo);--sci:#fff}
.crs:nth-child(6n+4) .crs__go::after{background:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.8) 50%,transparent 65%)}
.crs:nth-child(6n+2) .crs__go{animation-delay:.4s}.crs:nth-child(6n+2) .crs__go::after{animation-delay:.5s}.crs:nth-child(6n+3) .crs__go::after{animation-delay:1s}.crs:nth-child(6n+4) .crs__go::after{animation-delay:1.5s}.crs:nth-child(6n+5) .crs__go::after{animation-delay:2s}.crs:nth-child(6n) .crs__go::after{animation-delay:2.5s}

/* হোমের বিষয়-টিকিটের তীর-বোতামও নিজ নিজ সলিড রঙে */
.tk .tk__go{background:var(--cd);color:#fff;animation:nudge 1.6s ease-in-out infinite}
.tk:hover .tk__go{background:var(--cd);color:#fff;filter:brightness(1.1)}
/* ── কোর্সের বিস্তারিত: হিরো ── */
.phero--course .phero__in{padding-block:clamp(34px,5vw,64px) clamp(74px,8vw,108px);background:radial-gradient(55% 90% at 100% 0,rgb(253 224 71/.5),transparent 60%),radial-gradient(50% 80% at 0 100%,rgb(99 102 241/.45),transparent 62%),var(--grad)}
.phero--course .wrap{gap:14px}
.phero__art{position:absolute;right:clamp(-80px,-3vw,-20px);top:50%;width:min(34vw,400px);aspect-ratio:1;translate:0 -50%;pointer-events:none}
.phero__ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgb(255 255 255/.4);animation:spin 70s linear infinite}
.phero__ring--2{inset:20%;border-style:solid;border-color:rgb(255 255 255/.2);animation-direction:reverse;animation-duration:50s}
.phero__bub{position:absolute;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--cd);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 55%,transparent),0 18px 30px -12px rgb(60 0 50/.55);animation:float11 6s ease-in-out infinite}
.phero__bub .gi{width:27px;height:27px}
.phero__bub--1{left:12%;top:24%;width:84px;height:84px}.phero__bub--1 .gi{width:38px;height:38px}
.phero__bub--2{left:48%;top:14%;animation-delay:-1.5s}.phero__bub--3{left:34%;bottom:16%;animation-delay:-3s}.phero__bub--4{left:68%;top:46%;animation-delay:-4.5s}
.phero__cat{gap:8px}
.phero__dot{width:8px;height:8px;border-radius:50%;background:#FDE047;margin-left:6px;animation:ping-y 1.8s infinite}
.phero__dot--ongoing{background:#86EFAC}
.phero__lead{font-size:1.08rem;opacity:.96;max-width:60ch}
.phero .phero__chips li{background:rgb(255 255 255/.18);box-shadow:inset 0 0 0 1px rgb(255 255 255/.4);color:#fff}
.phero .phero__chips li .gi{color:#FDE047}
@media(min-width:1001px){.phero--course .wrap{padding-right:min(34vw,420px)}}
@media(max-width:1000px){.phero__art{display:none}}
/* এক নজরে: সলিড রঙের আইকনসহ তথ্য-টাইল */
.phero .wrap.cfacts{display:flex;flex-wrap:wrap;gap:14px;justify-items:stretch;padding-right:0}
.cfacts{position:relative;z-index:2;margin-top:calc(clamp(44px,6vw,64px)*-1)}
.cfact{flex:1 1 180px;max-width:270px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:#fff;box-shadow:var(--shadow-lg);min-width:0;transition:translate .3s}
.cfact:hover{translate:0 -4px}
.cfact__ico{width:48px;height:48px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--cd);color:#fff;box-shadow:0 10px 18px -10px var(--c)}
.cfact.k4 .cfact__ico{background:var(--s-yellow);color:var(--s-yellow-ink)}
.cfact__ico .gi{width:24px;height:24px}
.cfact__t{display:grid;line-height:1.3;min-width:0}.cfact__t small{color:var(--muted);font-size:.84rem}.cfact__t b{font-size:1.16rem;color:var(--cd);overflow-wrap:anywhere}
@media(max-width:480px){.phero .wrap.cfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cfact{max-width:none;padding:10px;gap:9px;border-radius:18px}.cfact__ico{width:38px;height:38px;border-radius:12px}.cfact__ico .gi{width:19px;height:19px}.cfact__t b{font-size:1rem}.cfact:last-child:nth-child(odd){grid-column:1/-1}}
/* অংশের শিরোনাম: সলিড রঙের আইকন ও উপরের দাগ */
.box>h2 .gi{background:var(--cs,var(--tint));color:var(--cd,var(--brand))}
.cd .box[class*=" k"]{position:relative;overflow:hidden}
.cd .box[class*=" k"]::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--c)}
.cd .box[class*=" k"]>h2 .gi{background:var(--cd);color:#fff}
.cd .box.k4>h2 .gi{background:var(--s-yellow);color:var(--s-yellow-ink)}
/* পেইজের অংশ-বোতাম (ট্যাব): প্রতিটি আলাদা সলিড রং — হলুদ, নীল, সবুজ */
.cd .tabs2{background:#fff;box-shadow:var(--shadow);gap:8px;padding:6px}
.cd .tabs2 a{background:var(--sc);color:var(--sci);box-shadow:0 8px 16px -12px var(--sc)}
.cd .tabs2 a:nth-child(1){--sc:var(--s-yellow);--sci:var(--s-yellow-ink)}.cd .tabs2 a:nth-child(2){--sc:var(--s-sky);--sci:#fff}.cd .tabs2 a:nth-child(3){--sc:var(--s-green);--sci:#fff}
.cd .tabs2 a:hover{background:var(--sc);color:var(--sci);filter:brightness(1.08);transform:translateY(-2px)}
.cd .tabs2 a .gi{width:28px;height:28px;padding:5px;border-radius:9px;background:rgb(255 255 255/.25)}
@media(max-width:560px){.cd .tabs2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch}.cd .tabs2 a{justify-content:center;padding:0 6px;gap:6px;font-size:.92rem}.cd .tabs2 a .gi{width:24px;height:24px;padding:4px}}
/* যা শিখবেন: প্রতিটি পয়েন্ট আলাদা রঙে */
.checks.ocards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}
.ocards li{padding:12px 14px;border-radius:16px;background:var(--os);align-items:center;font-weight:500;line-height:1.55}
.ocards li::before{margin-top:0;width:28px;height:28px;background:var(--oc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.500l4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/15px no-repeat;box-shadow:0 6px 12px -6px var(--oc)}
.ocards li:nth-child(6n+1){--oc:var(--s-sky);--os:#E0F2FE}.ocards li:nth-child(6n+2){--oc:var(--s-pink);--os:#FCE7F3}.ocards li:nth-child(6n+3){--oc:var(--s-green);--os:#D1FAE5}.ocards li:nth-child(6n+4){--oc:var(--s-orange);--os:#FFEDD5}.ocards li:nth-child(6n+5){--oc:var(--s-purple);--os:#F3E8FF}.ocards li:nth-child(6n){--oc:#A16207;--os:#FEF9C3}
/* ভর্তির ধাপ ও লিংক-বোতাম */
.cflow__steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 18px}
.cflow__steps::before{content:"";position:absolute;left:12%;right:12%;top:29px;border-top:3px dotted var(--line-2)}
.cflow__steps li{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:4px;padding-inline:4px}
.cflow__ico{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--cd);color:#fff;box-shadow:0 0 0 6px #fff,0 12px 20px -10px var(--c);margin-bottom:8px}
.cflow__steps li.k4 .cflow__ico{background:var(--s-yellow);color:var(--s-yellow-ink)}
.cflow__ico .gi{width:26px;height:26px}
.cflow__ico i{position:absolute;right:-7px;top:-7px;width:25px;height:25px;border-radius:50%;background:#fff;color:var(--cd);font-style:normal;font-weight:700;font-size:.82rem;display:grid;place-items:center;box-shadow:0 2px 8px rgb(60 0 50/.2)}
.cflow__steps b{font-size:1rem;line-height:1.4}.cflow__steps small{color:var(--muted);font-size:.85rem;line-height:1.5}
.cflow__links{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.cflow__links a{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:999px;background:var(--sc);color:var(--sci);text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s,filter .2s}
.cflow__links a:nth-child(1){--sc:var(--s-orange);--sci:#fff}.cflow__links a:nth-child(2){--sc:var(--s-indigo);--sci:#fff}.cflow__links a:nth-child(3){--sc:var(--s-yellow);--sci:var(--s-yellow-ink)}
.cflow__links a:hover{color:var(--sci);filter:brightness(1.08);transform:translateY(-2px)}
@media(max-width:640px){.cflow__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.cflow__steps::before{display:none}}
/* ভর্তি-কার্ড */
.enroll__band{display:grid;gap:4px;justify-items:start;padding:16px 18px;border-radius:22px;background:radial-gradient(70% 120% at 100% 0,rgb(253 224 71/.5),transparent 60%),var(--grad);color:#fff}
.enroll__band small{opacity:.9;font-size:.84rem}
.enroll__band .enroll__price{color:#fff}
.enroll__band del{color:rgb(255 255 255/.8)}
.enroll__band .badge{background:rgb(255 255 255/.22);color:#fff;border:1px solid rgb(255 255 255/.4)}
.enroll__save{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;background:var(--s-yellow);color:var(--s-yellow-ink);font-weight:700;font-size:.86rem}
.enroll .facts>div:nth-child(6n+1) .gi{background:var(--s-sky);color:#fff}.enroll .facts>div:nth-child(6n+2) .gi{background:var(--s-fuchsia);color:#fff}.enroll .facts>div:nth-child(6n+3) .gi{background:var(--s-yellow);color:var(--s-yellow-ink)}.enroll .facts>div:nth-child(6n+4) .gi{background:var(--s-green);color:#fff}.enroll .facts>div:nth-child(6n+5) .gi{background:var(--s-orange);color:#fff}.enroll .facts>div:nth-child(6n) .gi{background:var(--s-purple);color:#fff}
.enroll__note{display:flex;align-items:center;justify-content:center;gap:6px}.enroll__note .gi{color:var(--ok);flex:none}

/* ── ৩. “ভর্তি হউন” বোতাম ব্লিংক করে; ফোনে মাঝখানেও একটি ── */
.enroll-blink,.phero__btn.enroll-blink,.midcta .enroll-blink{animation:blinkbtn 1.25s ease-in-out infinite}
.phero__btn.enroll-blink{animation-name:blinkbtn-w}
@keyframes blinkbtn-w{0%,100%{box-shadow:0 0 0 0 rgb(255 255 255/.75)}50%{box-shadow:0 0 0 12px rgb(255 255 255/0);background:#FEF9C3}}
.midcta{display:none}
@media(max-width:1000px){
 .midcta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:16px;border-radius:var(--r);background:radial-gradient(70% 120% at 100% 0,rgb(253 224 71/.45),transparent 60%),var(--grad);color:#fff;box-shadow:var(--shadow-lg)}
 .midcta__ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--s-yellow);color:var(--s-yellow-ink)}
 .midcta__t{display:grid;line-height:1.35}.midcta__t b{font-size:1.08rem}.midcta__t small{opacity:.92}
 .midcta .btn{grid-column:1/-1;min-height:52px;font-size:1.05rem;background:#fff;color:var(--brand-2);border-color:#fff}
}

/* ── ৫. সুযোগ মাত্র বাকি: পরিষ্কার বাংলা অঙ্ক, ভিন্ন সলিড রং ও আইকন, স্টিকি ── */
.count{position:sticky;top:88px;z-index:15;display:grid;gap:10px;padding:16px 18px;border-radius:var(--r);background:#fff;box-shadow:var(--shadow-lg);border:2px solid #FDE68A}
.count__title{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--s-pink);margin:0;font-size:1.02rem}
.count__title .gi{width:34px;height:34px;padding:7px;border-radius:12px;background:var(--s-yellow);color:var(--s-yellow-ink);animation:ping-y 1.6s infinite}
.count__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.count__grid>div{position:relative;display:grid;justify-items:center;gap:0;padding:10px 6px 8px;border-radius:18px;background:var(--sc);color:var(--sci);box-shadow:0 12px 20px -14px var(--sc)}
.count__grid>div:nth-child(1){--sc:var(--s-orange);--sci:#fff}.count__grid>div:nth-child(2){--sc:var(--s-sky);--sci:#fff}.count__grid>div:nth-child(3){--sc:var(--s-green);--sci:#fff}.count__grid>div:nth-child(4){--sc:var(--s-fuchsia);--sci:#fff}
.count__ico{width:22px;height:22px;opacity:.9;margin-bottom:2px}
.count__grid strong{font-family:var(--font-clear);font-weight:700;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15;color:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.count__grid span{font-size:.84rem;color:inherit;opacity:.95;font-weight:600}
.count p,.count small{margin:0;color:var(--muted)}
.count .v14-deadline-caption{display:none}
.count .v14-expired{color:var(--danger);font-weight:600}
@media(max-width:1000px){.count{top:84px;padding:10px 12px;gap:8px;border-radius:20px}.count__title{font-size:.92rem}.count__title .gi{width:28px;height:28px;padding:5px}.count__grid{gap:6px}.count__grid>div{padding:6px 2px;border-radius:14px}.count__ico{width:16px;height:16px}.count__grid strong{font-size:1.35rem}.count__grid span{font-size:.72rem}.count small{font-size:.72rem}}

/* ── ভর্তি ও পেমেন্ট: হেডার ও ধাপ ── */
.cohero{position:relative;display:grid;gap:22px;padding:clamp(24px,4vw,44px);border-radius:clamp(24px,3.4vw,40px);background:radial-gradient(60% 100% at 100% 0,rgb(253 224 71/.5),transparent 60%),radial-gradient(50% 80% at 0 100%,rgb(99 102 241/.45),transparent 62%),var(--grad);color:#fff;overflow:hidden;isolation:isolate;margin-bottom:clamp(20px,3vw,30px)}
.cohero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgb(255 255 255/.16) 1.3px,transparent 1.8px) 0 0/26px 26px;-webkit-mask:linear-gradient(120deg,#000,transparent 60%);mask:linear-gradient(120deg,#000,transparent 60%)}
.cohero__art i{position:absolute;z-index:-1;border-radius:50%;border:40px solid rgb(255 255 255/.1)}
.cohero__art i:first-child{width:320px;height:320px;right:-100px;top:-130px}
.cohero__art i:last-child{width:200px;height:200px;left:40%;bottom:-140px;border-width:28px}
.cohero__in{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 30px}
.cohero__txt{display:grid;gap:10px;justify-items:start;max-width:640px}
.cohero h1{color:#fff;font-size:clamp(1.9rem,4.4vw,3rem)}
.cohero p{margin:0;font-weight:500;opacity:.96}
.cohero .pill{background:rgb(255 255 255/.22);color:#fff;border:1px solid rgb(255 255 255/.42)}
.cohero__amt{display:grid;gap:2px;padding:14px 22px;border-radius:22px;background:rgb(255 255 255/.16);border:1px solid rgb(255 255 255/.36);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:min(100%,230px);max-width:100%}
.cohero__amt small{opacity:.9}.cohero__amt b{font-size:clamp(1.6rem,3.4vw,2.2rem);color:#FDE047;line-height:1.25}.cohero__amt span{font-size:.9rem;opacity:.92;overflow-wrap:anywhere}
.steps3.costeps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.steps3.costeps li{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:20px;background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.26);color:#fff;font-size:.95rem;font-weight:400}
.steps3.costeps span{padding:0;border-radius:0;background:none;color:inherit;font-size:inherit;font-weight:inherit}
.steps3.costeps li.is-on{background:#fff;color:var(--ink);border-color:#fff;box-shadow:0 14px 28px -16px rgb(60 0 50/.7)}
.steps3.costeps .costeps__dot{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:var(--sci)}
.steps3.costeps li:nth-child(1) .costeps__dot{--sc:var(--s-yellow);--sci:var(--s-yellow-ink)}.steps3.costeps li:nth-child(2) .costeps__dot{--sc:var(--s-sky);--sci:#fff}.steps3.costeps li:nth-child(3) .costeps__dot{--sc:var(--s-green);--sci:#fff}
.steps3.costeps li.is-on .costeps__dot{animation:ping-y 1.8s infinite}
.costeps__dot .gi{width:21px;height:21px}
.costeps__t{display:grid;line-height:1.35;min-width:0}.costeps__t small{opacity:.85;font-size:.78rem}.costeps__t b{font-weight:700}
.steps3.costeps li.is-on .costeps__t small{color:var(--brand-2);opacity:1}
@media(max-width:640px){.steps3.costeps{gap:6px}.steps3.costeps li{flex-direction:column;justify-content:start;text-align:center;gap:6px;padding:10px 6px;font-size:.84rem}.steps3.costeps .costeps__dot{width:38px;height:38px}.cohero__amt{width:100%}}
/* ভর্তি ও পেমেন্ট: অংশ, পেমেন্ট নম্বর, ফর্ম */
.cosec{position:relative;overflow:hidden}
.cosec::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--sc)}
.cosec__h{display:flex;align-items:center;gap:12px}
.cosec__n{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--sc);color:var(--sci);font-size:1.2rem;box-shadow:0 10px 18px -10px var(--sc)}
.coamt{display:inline-block;padding:0 10px;border-radius:10px;background:#FEF9C3;color:#713F12;white-space:nowrap}
.v21-method{--mc:var(--s-pink);--ms:#FCE7F3}
.v21-method.v6-bkash{--mc:var(--s-pink);--ms:#FCE7F3}.v21-method.v6-nagad{--mc:var(--s-orange);--ms:#FFEDD5}
.method.v21-method{position:relative;overflow:hidden;padding-left:22px;background:linear-gradient(115deg,var(--ms),#fff 72%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--mc) 30%,transparent)}
.method.v21-method::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--mc)}
.method.v21-method:hover{box-shadow:inset 0 0 0 1.5px var(--mc),var(--shadow)}
.method .v21-pay-icon{display:inline-grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 3px color-mix(in srgb,var(--mc) 25%,transparent),0 10px 18px -10px var(--mc)}
.method .v21-pay-icon-fallback{background:var(--mc);color:#fff}
.method .v21-pay-icon-fallback svg{width:26px;height:26px}
.method__txt h3{font-size:1rem;color:var(--mc);margin:0}
/* ৬. নম্বর কপি করুন: সলিড রং, ঝলক ও আলোর স্পন্দন */
.method .v21-copy{position:relative;overflow:hidden;isolation:isolate;background:var(--mc);border-color:var(--mc);color:#fff;font-weight:700;padding-inline:16px;animation:copyglow 1.8s ease-in-out infinite}
.method .v21-copy::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.55) 50%,transparent 65%);animation:shine11 2.6s ease-in-out infinite}
.method .v21-copy:hover{background:var(--mc);color:#fff;filter:brightness(1.1);transform:translateY(-2px)}
.method .v21-copy.v21-copied,.method .v21-copy.is-done{background:var(--ok);border-color:var(--ok);animation:none}
.method .v21-copy-icon{color:#fff}
@keyframes copyglow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--mc) 60%,transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--mc) 0%,transparent)}}
.instr{background:linear-gradient(120deg,#E0F2FE,#FDF2F8);color:#0C4A6E;border:1px solid #BAE6FD}
.instr h3{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--s-sky)}
.cosec .p-form-row label,.cosec>form>.form-label{font-weight:600}
.cosec .p-consent{padding:12px 14px;border-radius:16px;background:#FEF9C3;border:1px dashed #FACC15}
.cosec .v6-submit{min-width:min(100%,320px);min-height:56px;font-size:1.08rem;box-shadow:0 16px 30px -14px rgb(219 39 119/.75)}
@media(max-width:560px){.cosec .v6-submit{width:100%}}
.costate{display:grid;justify-items:start;gap:10px}
.costate__ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--cd);color:#fff}
.costate.k4 .costate__ico{background:var(--s-yellow);color:var(--s-yellow-ink)}
/* নির্বাচিত কোর্সের সারাংশ */
.pay__sum.cosum{padding:12px;gap:0;background:#fff;box-shadow:var(--shadow-lg);border-radius:30px}
.cosum__media{aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--cs)}
.cosum__media img{display:block;width:100%;height:100%;object-fit:cover}
.cosum__body{display:grid;gap:12px;padding:16px 12px 10px}
.cosum .total{padding:14px 16px;border:0;border-radius:18px;background:radial-gradient(70% 120% at 100% 0,rgb(253 224 71/.5),transparent 60%),var(--grad);color:#fff}
.cosum .total b{color:#FDE047}
.pay__sum.cosum ul.cosum__list li{align-items:center}
.pay__sum.cosum ul.cosum__list li .gi{width:32px;height:32px;padding:7px;border-radius:50%;background:var(--cd);color:#fff;flex:none;margin-top:0;stroke-width:2}
.cosum__help{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--s-yellow);color:var(--s-yellow-ink);font-weight:700;text-decoration:none;transition:transform .2s,filter .2s}
.cosum__help span{margin-right:auto}
.cosum__help:hover{color:var(--s-yellow-ink);filter:brightness(1.05);transform:translateY(-2px)}

/* ── ৪. WhatsApp চ্যাট: ব্র্যান্ডের সবুজ, সাদা চ্যাট-আইকন, সব সময় ঢেউয়ের মতো ব্লিংক ── */
.wa,.wa:hover{background:#25D366;color:#053B2A;box-shadow:0 14px 30px -12px rgb(7 94 84/.75)}
.wa{font-weight:700;animation:wa-pulse 1.6s ease-out infinite}
.wa .gi{width:34px;height:34px;padding:6px;border-radius:50%;background:#075E54;color:#fff;fill:#fff;stroke:#fff;stroke-width:1.2;animation:wa-ring 3.2s ease-in-out infinite}
.wa .gi path:last-child{fill:#25D366;stroke:#25D366}
.wa:hover{background:#1EBE5A;color:#04261B;transform:translateY(-2px)}
@keyframes wa-pulse{0%{box-shadow:0 0 0 0 rgb(37 211 102/.7),0 14px 30px -12px rgb(7 94 84/.75)}80%,100%{box-shadow:0 0 0 18px rgb(37 211 102/0),0 14px 30px -12px rgb(7 94 84/.75)}}
@keyframes wa-ring{0%,82%,100%{rotate:0deg}86%{rotate:-14deg}90%{rotate:12deg}94%{rotate:-8deg}97%{rotate:5deg}}
@media(max-width:560px){.wa .gi{width:40px;height:40px;padding:7px;background:none}}

/* ── নিবন্ধন বোতাম চাপলে বার্তা (পপআপ) ও পেমেন্টের পর ধন্যবাদ-উদযাপন ── */
.pop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgb(43 18 56/.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .25s}
.pop[hidden]{display:none!important}
.pop__box{position:relative;display:grid;gap:12px;justify-items:center;text-align:center;width:min(100%,520px);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(22px,4vw,34px);border-radius:28px;background:#fff;box-shadow:0 40px 80px -30px rgb(60 0 50/.6);animation:popin .45s cubic-bezier(.2,.9,.25,1.3)}
@keyframes popin{from{opacity:0;scale:.8;translate:0 20px}}
.pop__x{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--ink)}
.pop__x:hover{background:var(--brand);color:#fff}
.pop__ico{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--sc,var(--grad));color:var(--sci,#fff);box-shadow:0 0 0 8px var(--tint)}
.pop__ico .gi{width:34px;height:34px}
.pop h2{font-size:clamp(1.35rem,3.6vw,1.8rem)}
.pop p{margin:0;color:var(--muted)}
.pop .msg__steps{margin:4px 0}
.pop__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pop--thanks .pop__ico{background:var(--grad);color:#fff;animation:ping-y 1.6s 3}
.pop--thanks h2 b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.confetti{position:fixed;inset:0;z-index:301;pointer-events:none;overflow:hidden}
.confetti i{position:absolute;top:-24px;left:var(--x);width:var(--w,10px);height:var(--h,16px);background:var(--c);border-radius:var(--rad,2px);rotate:var(--r,0deg);animation:confetti var(--d,3s) cubic-bezier(.25,.6,.35,1) var(--dl,0s) forwards}
@keyframes confetti{0%{translate:0 0;opacity:1}85%{opacity:1}100%{translate:var(--dx,0px) 110vh;rotate:calc(var(--r,0deg) + 720deg);opacity:0}}
.msg__steps li:nth-child(4n+1)>span{background:var(--s-yellow);color:var(--s-yellow-ink)}.msg__steps li:nth-child(4n+2)>span{background:var(--s-sky)}.msg__steps li:nth-child(4n+3)>span{background:var(--s-green)}.msg__steps li:nth-child(4n)>span{background:var(--s-fuchsia)}
.reg-pay-first{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:8px 14px;border-radius:14px;background:#FEF9C3;color:#713F12!important;font-weight:700}
.reg-pay-first .gi{color:var(--s-orange);flex:none}
body.pop-open{overflow:hidden}
.pop--thanks .pop__ico{position:relative}
.pop--thanks .pop__ico::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:4px solid #FDE047;animation:splash 1.3s ease-out 3}
@keyframes splash{0%{scale:.6;opacity:1}100%{scale:2.3;opacity:0}}
.thanks-name{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:999px;background:var(--s-yellow);color:var(--s-yellow-ink);font-weight:700}

/* ===== আপডেট ১২ — কোর্স কার্ডের তথ্য-আইকন ও হোমের অবস্থা-ট্যাব: প্রতিটি আলাদা সলিড রঙে =====
   আইকন সলিড রঙের চিপে (সাদা আইকন; হলুদে গাঢ় আইকন), লেখা একই রঙের গাঢ় শেডে — সাদা কার্ডে কনট্রাস্ট ≥৪.৫। */
[data-fact]{--fc:var(--s-purple);--fci:#fff;--ft:var(--s-purple)}
[data-fact=classes]{--fc:var(--s-sky);--ft:var(--s-sky)}
[data-fact=term]{--fc:var(--s-yellow);--fci:var(--s-yellow-ink);--ft:#A16207}
[data-fact=sessions]{--fc:var(--s-green);--ft:var(--s-green)}
[data-fact=mode]{--fc:var(--s-fuchsia);--ft:var(--s-fuchsia)}
[data-fact=mentor]{--fc:var(--s-indigo);--ft:var(--s-indigo)}
[data-fact=videos]{--fc:var(--s-orange);--ft:var(--s-orange)}
.crs__meta{gap:8px 14px}
.crs__meta li[data-fact],.acourse__facts>span[data-fact]{color:var(--ft);font-weight:600;gap:7px}
.crs__meta li[data-fact]>.gi,.acourse__facts>span[data-fact]>.gi,.cardset__lbl[data-fact]>.gi{width:24px;height:24px;padding:4px;flex:none;box-sizing:border-box;border-radius:8px;background:var(--fc);color:var(--fci);stroke-width:2.1;box-shadow:0 6px 12px -7px var(--fc)}
.crs:hover .crs__meta li[data-fact]>.gi{animation:factpop .45s ease-out both}
.crs:hover .crs__meta li:nth-child(2)>.gi{animation-delay:.06s}.crs:hover .crs__meta li:nth-child(3)>.gi{animation-delay:.12s}.crs:hover .crs__meta li:nth-child(4)>.gi{animation-delay:.18s}.crs:hover .crs__meta li:nth-child(5)>.gi{animation-delay:.24s}
@keyframes factpop{40%{scale:1.18;rotate:-8deg}100%{scale:1;rotate:0deg}}

/* হোমের অবস্থা-ট্যাব: সব কোর্স গোলাপি, ভর্তি চলছে সবুজ, আপকামিং হলুদ, ভর্তি বন্ধ কমলা; বাছাই করা ট্যাব পুরো সলিড */
.seg--status{gap:8px;padding:6px;border:1px solid var(--line);background:#fff;border-radius:999px;box-shadow:0 12px 26px -20px rgb(190 24 93/.55)}
.seg--status a{--sc:var(--s-pink);--sci:#fff;--sic:var(--s-pink);--st:#9D174D;gap:8px;min-height:42px;padding:0 16px 0 6px;border-radius:999px;background:color-mix(in srgb,var(--sc) 11%,#fff);color:var(--st);font-weight:700;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s,translate .2s}
.seg--status a[data-status-tab=ongoing]{--sc:var(--s-green);--sic:var(--s-green);--st:#065F46}
.seg--status a[data-status-tab=upcoming]{--sc:var(--s-yellow);--sci:var(--s-yellow-ink);--sic:#A16207;--st:#854D0E}
.seg--status a[data-status-tab=closed]{--sc:var(--s-orange);--sic:var(--s-orange);--st:#9A3412}
.seg__ico{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:var(--sci);transition:background-color .2s,color .2s,rotate .3s}
.seg__ico .gi{width:17px;height:17px;stroke-width:2.1}
.seg--status a:hover{color:var(--st);background:color-mix(in srgb,var(--sc) 22%,#fff);translate:0 -2px}
.seg--status a:hover .seg__ico{rotate:-10deg}
.seg--status a.is-current,.seg--status a.is-current:hover{background:var(--sc);color:var(--sci);translate:0 0;box-shadow:0 12px 22px -12px var(--sc),inset 0 0 0 2px rgb(255 255 255/.35)}
.seg--status a.is-current .seg__ico{background:#fff;color:var(--sic);box-shadow:0 4px 10px -4px rgb(0 0 0/.35)}
.seg--status a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
/* আইকনসহ ট্যাব চওড়া, তাই নিয়ন্ত্রণ-সারি সব সময় শিরোনামের নিচে: বাঁয়ে ট্যাব, ডানে তীর — বাছাই বদলালে সারি লাফায় না */
#home-courses .hd__ctl{flex:1 1 100%;justify-content:space-between}
@media(max-width:560px){.hd__ctl{width:100%}.seg--status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:22px}.seg--status a{justify-content:flex-start;padding-right:10px}}

/* ===== আপডেট ১৩ — "রাতের আকাশ" (Expect ICT-এর মতো): হোমের শুরু, মডিউল পেইজের শিরোনাম ও শেষের সূর্যের অংশ =====
   গাঢ় নীল → বেগুনি → ম্যাজেন্টা, কোণে নরম আলোর বৃত্ত (ধীরে ভাসে), কাচের মতো চিপ; বিন্যাস ও অ্যানিমেশন আগের মতোই। */
:root{--night:linear-gradient(118deg,#1B1A4A 0%,#2B1758 26%,#4C1366 50%,#8E0D78 76%,#DC1282 100%);--n1:clamp(110px,17vw,250px);--n2:clamp(130px,19vw,290px)}
.hero__panel,.phero--night .phero__in,.cta{background:radial-gradient(46% 70% at 100% 62%,rgb(236 20 140/.5),transparent 70%),radial-gradient(42% 60% at 0 28%,rgb(67 56 202/.42),transparent 72%),var(--night);box-shadow:inset 0 0 0 1px rgb(255 255 255/.1),0 30px 60px -34px rgb(76 19 102/.75)}
.hero__panel::before,.phero--night .phero__in::before,.cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 6% 4%,rgb(255 255 255/.075) 0 var(--n1),transparent calc(var(--n1) + 1px)),radial-gradient(circle at 98% 104%,rgb(255 98 196/.2) 0 var(--n2),transparent calc(var(--n2) + 1px));-webkit-mask:none;mask:none;animation:nightdrift 18s ease-in-out infinite alternate}
.cta::before{z-index:-2;border-radius:inherit}
@keyframes nightdrift{to{translate:0 -10px;opacity:.85}}
/* শেষের অংশ: রাতের আকাশে উদীয়মান সোনালি সূর্য, নিচে উষ্ণ আভা */
.cta{background:radial-gradient(56% 60% at 50% 115%,rgb(251 146 60/.5),transparent 70%),radial-gradient(46% 70% at 100% 62%,rgb(236 20 140/.42),transparent 70%),radial-gradient(42% 60% at 0 28%,rgb(67 56 202/.42),transparent 72%),var(--night)}
.cta__sun{background:radial-gradient(closest-side,#FFF3B0 0,#FDE047 22%,rgb(251 191 36/.95) 37%,transparent 39%),repeating-conic-gradient(from 0deg,rgb(255 236 179/.2) 0 3deg,transparent 3deg 10deg)}
/* কাচের মতো চিপ ও বোতাম */
.hero .pill,.phero--night .pill,.cta .pill,.modes a{background:rgb(255 255 255/.1);border-color:rgb(255 255 255/.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modes a:hover{background:#fff;color:#4C1366}
.hero .btn-line,.cta .btn-line{background:rgb(255 255 255/.06);border-color:rgb(255 255 255/.45)}
.hero .btn-on,.cta .btn-on{color:#4C1366}
.orbit__name{background:rgb(27 26 74/.88);box-shadow:inset 0 0 0 1px rgb(255 255 255/.28)}
.orbit__r--1{border-color:rgb(255 255 255/.42)}

/* ===== আপডেট ১৩ — আগের ফি ও বর্তমান ফি একই মাপে ===== */
.price>span{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}
.price b,.price del{font-size:1.3rem}
.price del{font-weight:500;margin-left:0}
.enroll__price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;font-size:clamp(1.6rem,2.6vw,1.9rem)}
.enroll__price del{font-size:inherit;font-weight:500;margin-left:0}
.course-price del{font-size:inherit}

/* ===== আপডেট ১৩ — কতজন ভর্তি হয়েছেন (লাইভ) ===== */
[data-fact=enrolled]{--fc:var(--s-pink);--ft:var(--s-pink)}
.crs__meta li[data-fact=enrolled]>span,.cardset__demo li[data-fact=enrolled]>span{display:inline-flex;gap:4px;align-items:baseline}
[data-enrolled-n]{display:inline-block;font-weight:700}
[data-enrolled-n].is-bump{animation:enbump .7s ease-out}
@keyframes enbump{35%{scale:1.4;color:#16A34A}}
.live-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgb(34 197 94/.6);animation:livedot 1.8s infinite;vertical-align:middle;margin-inline:6px 0}
@keyframes livedot{70%{box-shadow:0 0 0 7px rgb(34 197 94/0)}100%{box-shadow:0 0 0 0 rgb(34 197 94/0)}}
.cfact--live .cfact__ico{background:var(--s-pink);color:#fff}
.cfact--live small{display:inline-flex;align-items:center}
.cfact--live b{color:var(--s-pink)}
.enroll .facts>div.facts__live .gi{background:var(--s-pink);color:#fff}
.facts__live dd{color:var(--s-pink)}

/* ===== আপডেট ১৩ — তারা (রেটিং) ===== */
.stars{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}
.star{width:20px;height:20px;flex:none}
.stars--sm .star{width:15px;height:15px}
.star__fg{fill:#F59E0B}.star__bg{fill:#E6DDE8}
.phero .stars .star__fg{fill:#FDE047}.phero .stars .star__bg{fill:rgb(255 255 255/.35)}
.phero__rate a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none}
.phero__rate b{font-variant-numeric:tabular-nums}
.phero__rate span{opacity:.9;font-weight:500}

/* ===== আপডেট ১৩ — কোর্সের পেইজে শিক্ষার্থীদের মতামত ===== */
.rvsum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:center;padding:16px 18px;margin-bottom:18px;border-radius:20px;background:#FFFBEB;box-shadow:inset 0 0 0 1px #FDE68A}
.rvsum__big{display:grid;justify-items:center;gap:4px;text-align:center}
.rvsum__big b{font-size:clamp(2.4rem,5vw,3.2rem);line-height:1;color:#92400E;font-family:var(--font-clear)}
.rvsum__big small{color:var(--muted)}
.rvsum__bars{display:grid;gap:6px;margin:0}
.rvsum__bars li{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:.9rem}
.rvsum__bars li>span{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#92400E}
.rvsum__bars svg{width:14px;height:14px;fill:#F59E0B}
.rvsum__bars small{color:var(--muted);text-align:right}
.rvsum meter{width:100%;height:10px;border:0;border-radius:99px;background:#FEF3C7;-webkit-appearance:none;appearance:none}
.rvsum meter::-webkit-meter-bar{background:#FEF3C7;border:0;border-radius:99px;height:10px}
.rvsum meter::-webkit-meter-optimum-value,.rvsum meter::-webkit-meter-suboptimum-value,.rvsum meter::-webkit-meter-even-less-good-value{background:#F59E0B;border-radius:99px}
.rvsum meter::-moz-meter-bar{background:#F59E0B;border-radius:99px}
.rvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px}
.rvq{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:14px;margin:0;padding:22px 18px 16px;border-radius:20px;background:var(--cs,var(--tint));box-shadow:inset 0 3px 0 var(--c,var(--brand))}
.rvq::before{content:"“";position:absolute;right:14px;top:-6px;font:700 4.2rem/1 Georgia,serif;color:var(--c,var(--brand));opacity:.35}
.rvq blockquote{margin:0;color:var(--ink);font-size:.98rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.rvq figcaption{display:flex;align-items:center;gap:12px;min-width:0}
.rvq figcaption img,.rvq__ini{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--c,var(--brand))}
.rvq__ini{display:grid;place-items:center;background:var(--cd,var(--brand));color:#fff;font-weight:700;font-size:1.3rem}
.rvq__who{display:grid;gap:2px;min-width:0}
.rvq__who b{color:var(--cd,var(--ink));overflow-wrap:anywhere}
.rvq__who small{color:var(--muted);font-size:.8rem}
.rvmore{margin-top:14px}
.rvmore>summary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--s-yellow);color:var(--s-yellow-ink);font-weight:700;cursor:pointer;list-style:none;margin-bottom:14px}
.rvmore>summary::-webkit-details-marker{display:none}
.rvmore>summary .gi{width:18px;height:18px;transition:rotate .25s}
.rvmore[open]>summary .gi{rotate:180deg}
.rvpub__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 0;padding:12px 14px;border-radius:16px;background:#FEF9C3;font-weight:600;color:#713F12}
.rvpub__cta>.gi{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--s-yellow);color:var(--s-yellow-ink)}
.rvpub__cta>span{flex:1 1 220px}
.rvpub__note{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--muted);font-size:.88rem}
.rvpub__note .gi{width:18px;height:18px;color:var(--ok);flex:none}
@media(max-width:520px){.rvsum{grid-template-columns:minmax(0,1fr)}}

/* ===== আপডেট ১৪ — কোর্সের বিস্তারিত পেইজ ও কোর্স কার্ডেও "রাতের আকাশ" (Expect ICT-এর মতো) ===== */
:root{--night-card:linear-gradient(160deg,#1E1B4B 0%,#2B1758 38%,#3D1462 68%,#561169 100%);--night-edge:linear-gradient(135deg,rgb(168 85 247/.9),rgb(236 72 153/.9) 55%,rgb(99 102 241/.7))}
/* বিস্তারিত পেইজ: শিরোনামের অংশ, ফির ব্যান্ড, ফোনের মাঝের "ভর্তি হউন" */
.phero--course .phero__in{background:radial-gradient(46% 70% at 100% 62%,rgb(236 20 140/.5),transparent 70%),radial-gradient(42% 60% at 0 28%,rgb(67 56 202/.42),transparent 72%),var(--night);box-shadow:inset 0 0 0 1px rgb(255 255 255/.1),0 30px 60px -34px rgb(76 19 102/.75)}
.phero--course .phero__in::before{background:radial-gradient(circle at 6% 4%,rgb(255 255 255/.075) 0 var(--n1),transparent calc(var(--n1) + 1px)),radial-gradient(circle at 98% 104%,rgb(255 98 196/.2) 0 var(--n2),transparent calc(var(--n2) + 1px));-webkit-mask:none;mask:none;animation:nightdrift 18s ease-in-out infinite alternate}
.phero--course .pill,.phero--course .phero__chips li{background:rgb(255 255 255/.1);box-shadow:inset 0 0 0 1px rgb(255 255 255/.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.phero--course .phero__ring{border-color:rgb(255 255 255/.42)}
.phero--course .phero__cta{background:rgb(255 255 255/.1);border-color:rgb(255 255 255/.3)}
.phero--course .phero__btn{color:#4C1366}
.enroll{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--night-edge) border-box}
.enroll__band{background:radial-gradient(70% 120% at 100% 0,rgb(236 20 140/.55),transparent 62%),radial-gradient(60% 90% at 0 100%,rgb(67 56 202/.45),transparent 65%),var(--night)}
.enroll__band .badge{background:rgb(255 255 255/.12);border-color:rgb(255 255 255/.32)}
.midcta{background:radial-gradient(70% 120% at 100% 0,rgb(236 20 140/.5),transparent 62%),var(--night)!important}
.midcta .btn{color:#4C1366}
/* কোর্স কার্ড (আপডেট ১৮: হোমপেইজসহ সব জায়গায় — আপডেট ১৫-এর মতো): গাঢ় নীল → বেগুনি → প্লাম, ঝলমলে বেগুনি-গোলাপি কিনারা; লেখা হালকা রঙে (কনট্রাস্ট ≥ ৫) */
.crs{border:1.5px solid transparent;background:radial-gradient(60% 45% at 100% 100%,rgb(219 39 119/.32),transparent 70%) padding-box,radial-gradient(55% 40% at 0 0,rgb(99 102 241/.28),transparent 70%) padding-box,var(--night-card) padding-box,var(--night-edge) border-box;color:#EDE9FE;box-shadow:0 22px 44px -28px rgb(46 16 101/.85)}
.crs:hover{box-shadow:0 30px 56px -26px rgb(190 24 93/.6),0 0 0 4px rgb(236 72 153/.15)}
.crs h3 a{color:#fff}.crs h3 a:hover{color:#F9A8D4}
.crs__cat{color:#FBCFE8}
.crs__desc{color:#D6CCE6}
.crs .badge{background:rgb(255 255 255/.1);box-shadow:inset 0 0 0 1px rgb(255 255 255/.22)}
.crs .badge--run{color:#86EFAC}.crs .badge--soon{color:#FDE68A}.crs .badge--closed{color:#CBD5E1}
.crs__foot{border-top-color:rgb(255 255 255/.2)}
.crs .price small,.crs .price del{color:#C9BFD8}.crs .price b{color:#fff}.crs .price--free b{color:#86EFAC}
.crs [data-fact=classes],.cardset__demo [data-fact=classes]{--ft:#7DD3FC}.crs [data-fact=term],.cardset__demo [data-fact=term]{--ft:#FDE047}.crs [data-fact=sessions],.cardset__demo [data-fact=sessions]{--ft:#6EE7B7}.crs [data-fact=mode],.cardset__demo [data-fact=mode]{--ft:#F0ABFC}.crs [data-fact=mentor],.cardset__demo [data-fact=mentor]{--ft:#C7D2FE}.crs [data-fact=duration]{--ft:#D8B4FE}.crs [data-fact=enrolled],.cardset__demo [data-fact=enrolled]{--ft:#F9A8D4}
.crs__meta li[data-fact]>.gi{box-shadow:0 0 0 1.5px rgb(255 255 255/.22),0 6px 12px -7px var(--fc)}
.crs__thumb{box-shadow:inset 0 0 0 1px rgb(255 255 255/.12)}
.crs__thumb--none{background:radial-gradient(70% 90% at 100% 0,rgb(255 255 255/.28),transparent 60%),radial-gradient(60% 80% at 0 100%,rgb(236 72 153/.45),transparent 65%),linear-gradient(140deg,#312E81,#6D28D9 52%,#BE185D)}
.crs .pill{background:rgb(255 255 255/.14);color:#FDE68A;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.001s!important}
 .js [data-reveal]{opacity:1;translate:0 0}
}
@media print{
 .nav,.foot,.wa,.side,.top,.pfoot,.v9-print-actions,.flash{display:none!important}
 body{background:#fff}.app{display:block}.content{padding:0}
}
.msg--wide{max-width:720px}
.msg__steps{display:grid;gap:10px;width:100%;text-align:left;counter-reset:none}
.msg__steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:var(--r-sm);background:var(--tint-2)}
.msg__steps li>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700;font-size:.95rem}
.msg__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}

/* ===== আপডেট ১৫ — লগইনে "এই ডিভাইসে লগইন থাকুন", পেইজের কোণে বার্তা ===== */
.keep-check{align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--tint);font-size:.94rem}
.keep-check .form-check-input{margin-top:.25em;flex:none}
.ptoast{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:400;max-width:min(92vw,360px);padding:14px 18px 14px 46px;border-radius:16px;background:var(--night,#2B1758);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 20px 40px -18px rgb(76 19 102/.9);translate:0 20px;opacity:0;transition:translate .35s,opacity .35s}
.ptoast::before{content:"৳";position:absolute;left:14px;top:50%;translate:0 -50%;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#FDE047;color:#422006;font-size:.9rem}
.ptoast.is-in{translate:0 0;opacity:1}
.ptoast:hover{color:#fff;filter:brightness(1.1)}

/* ===== আপডেট ১৭ — কোর্সের বিস্তারিত পেইজ: ক্রম ও নিচের স্টিকি ফি + "এনরোল করুন" ===== */
:root{--sbar-h:90px}
/* ছোট পর্দায়ও থাম্বনেইল-কার্ড সবার আগে (তারপর কোর্স সম্পর্কে, যা শিখবেন, ভিডিও, পাঠ্যক্রম, FAQ, ভর্তির আগে জেনে নিন) */
@media(max-width:1000px){.cd>.enroll{order:-1}}
/* স্টিকি বার: রাতের আকাশের রঙে (গাঢ় নীল → বেগুনি → ম্যাজেন্টা) */
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:58;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));color:#fff;background:radial-gradient(55% 160% at 100% 0,rgb(236 20 140/.5),transparent 66%),radial-gradient(45% 140% at 0 100%,rgb(67 56 202/.5),transparent 70%),var(--night);border-top:1px solid rgb(255 255 255/.16);box-shadow:0 -18px 40px -18px rgb(46 16 101/.75);animation:sbar-in .55s cubic-bezier(.2,.8,.2,1) both}
.sbar::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#F97316,#EC4899 45%,#A855F7 75%,#6366F1);opacity:.95}
@keyframes sbar-in{from{translate:0 100%}to{translate:0 0}}
.sbar__in{display:flex;align-items:center;gap:12px 18px;min-width:0}
.sbar__thumb{flex:none;width:112px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgb(255 255 255/.12);box-shadow:0 0 0 2px rgb(255 255 255/.22),0 10px 22px -12px rgb(0 0 0/.6)}
.sbar__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.sbar__thumb.crs__thumb--none{background:linear-gradient(140deg,#312E81,#6D28D9 52%,#BE185D)}
.sbar__thumb .gi{width:28px;height:28px;color:#fff}
.sbar__t{display:grid;min-width:0;flex:1 1 auto;line-height:1.35}
.sbar__t b{font-size:1.04rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbar__t small{display:flex;align-items:center;gap:6px;color:#DDD3EE;font-size:.84rem}
.sbar__t .phero__dot{margin-left:0;flex:none}
.sbar__fee{display:grid;flex:none;line-height:1.15}
.sbar__fee small{color:#E9D5FF;font-size:.8rem;font-weight:500}
.sbar__price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px}
.sbar__price b,.sbar__price del{font-family:var(--font-clear);font-size:1.5rem;white-space:nowrap}
.sbar__price b{font-weight:700;color:#fff}
.sbar__price del{font-weight:500;color:#D2C6E3}
.sbar__save{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:var(--s-yellow);color:var(--s-yellow-ink);font-weight:700;font-size:.86rem;box-shadow:0 8px 18px -10px rgb(250 204 21/.9)}
.sbar__save .gi{width:16px;height:16px}
.sbar__btn{flex:none;margin-left:auto;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;background:linear-gradient(120deg,#C2410C,#BE185D 55%,#A21CAF);color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1.5px rgb(255 255 255/.35),0 14px 28px -14px rgb(236 72 153/.95);transition:transform .2s,filter .2s}
.sbar__btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255/.45) 50%,transparent 65%);animation:shine11 2.6s ease-in-out infinite}
.sbar__btn .gi{width:20px;height:20px;transition:transform .2s;animation:nudge 1.4s ease-in-out infinite}
.sbar__btn:hover,.sbar__btn:focus-visible{color:#fff;filter:brightness(1.1);transform:translateY(-2px)}
.sbar__btn:focus-visible{outline:3px solid #FDE047;outline-offset:3px}
/* বার যেন পেইজের শেষ অংশ (ফুটার) ঢেকে না দেয়; WhatsApp বোতাম বারের উপরে */
body.has-sbar{padding-bottom:calc(var(--sbar-h) + env(safe-area-inset-bottom,0px))}
body:has(.sbar){padding-bottom:calc(var(--sbar-h) + env(safe-area-inset-bottom,0px))}
body.has-sbar .wa{bottom:calc(var(--sbar-h) + 14px + env(safe-area-inset-bottom,0px))}
body:has(.sbar) .wa{bottom:calc(var(--sbar-h) + 14px + env(safe-area-inset-bottom,0px))}
@media(max-width:1100px){.sbar__save{display:none}}
@media(max-width:900px){.sbar__thumb{display:none}}
@media(max-width:640px){
 :root{--sbar-h:78px}
 .sbar{padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}
 .sbar__t{display:none}
 .sbar__in{gap:12px}
 .sbar__fee{flex:1 1 auto;min-width:0}
 .sbar__price b,.sbar__price del{font-size:1.3rem}
 .sbar__btn{min-height:52px;padding:0 20px;font-size:1.04rem}
}
@media(max-width:360px){.sbar__price b,.sbar__price del{font-size:1.14rem}.sbar__btn{padding:0 16px;font-size:.98rem;gap:6px}}
@media(prefers-reduced-motion:reduce){.sbar{animation:none}.sbar__btn::after,.sbar__btn .gi{animation:none}}
@media print{.sbar{display:none!important}body.has-sbar,body:has(.sbar){padding-bottom:0}}