/* BEN – customer sections ("What do you need?" and "Questions in your mind"): colourful, brand colours only, with motion */
.cx-sec{position:relative;overflow:hidden;padding:84px 0}
.cx-sec>.wrap{position:relative;z-index:1}
.cx-sec::before{content:"";position:absolute;inset:0;background:var(--pat);background-size:44px 44px;opacity:.55;pointer-events:none}
/* drifting colour glows */
.cx-green{color:#fff;background:radial-gradient(620px 420px at 88% 8%,rgba(244,42,65,.55),transparent 62%),radial-gradient(560px 420px at 4% 96%,rgba(245,184,61,.32),transparent 60%),radial-gradient(500px 360px at 55% 50%,rgba(11,143,106,.55),transparent 66%),linear-gradient(150deg,#00382a,#006A4E 55%,#0b8f6a);background-size:140% 140%;animation:cxDrift 18s ease-in-out infinite alternate}
@keyframes cxDrift{0%{background-position:0% 0%,0% 100%,50% 50%,0 0}100%{background-position:12% 18%,18% 82%,40% 60%,0 0}}
.cx-warm{background:radial-gradient(560px 380px at 8% 6%,rgba(245,184,61,.28),transparent 62%),radial-gradient(520px 380px at 96% 94%,rgba(244,42,65,.14),transparent 62%),linear-gradient(160deg,#fff,#fff 45%,#fff)}
.cx-sec::after{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(245,210,122,.28),transparent 65%);animation:cxOrb 9s ease-in-out infinite alternate;pointer-events:none}
.cx-warm::after{background:radial-gradient(circle,rgba(0,106,78,.16),transparent 65%);left:-200px;right:auto;top:auto;bottom:-200px}
@keyframes cxOrb{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,50px) scale(1.18)}}
.cx-head{text-align:center;max-width:760px;margin:0 auto 26px}
.cx-head .eyebrow{display:inline-flex;margin-bottom:10px}
.cx-green .eyebrow{background:rgba(0,0,0,.22);border:1px solid rgba(245,210,122,.6);color:#F5D27A}
.cx-head h2{margin:0 0 10px;font-size:clamp(28px,3.8vw,42px);line-height:1.2}
.cx-green h2{color:#fff}.cx-green .section-lead{color:rgba(255,255,255,.92)}.cx-warm h2{color:#00382a}.cx-warm .section-lead{color:#3a4a43}
.cx-head h2::after{content:"";display:block;width:90px;height:4px;border-radius:4px;margin:12px auto 0;background:linear-gradient(90deg,#F42A41 0 45%,#F5D27A 45%)}

/* quick pills */
.cx-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}
.cx-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 20px 10px 10px;border-radius:99px;font-weight:800;text-decoration:none;color:#fff;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.1);backdrop-filter:blur(6px);transition:transform .25s,background .25s,box-shadow .25s}
.cx-pill span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#F5D27A;color:#3a2800}.cx-pill svg{width:17px;height:17px}
.cx-pill.p1{background:linear-gradient(135deg,#F42A41,#c4162b);border-color:rgba(245,210,122,.9);box-shadow:0 0 0 3px rgba(245,210,122,.25);animation:nvPulse 2.8s infinite}
.cx-pill:hover{transform:translateY(-4px);background:rgba(255,255,255,.22)}.cx-pill.p1:hover{background:linear-gradient(135deg,#F42A41,#c4162b)}

/* the 8 goal cards */
.cx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1020px){.cx-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cx-grid{grid-template-columns:1fr}}
.cx-card{position:relative;overflow:hidden;border-radius:24px;padding:24px 22px 20px;min-height:250px;display:flex;flex-direction:column;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 40px rgba(0,0,0,.28);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.cx-card::before{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-140%) skewX(-18deg);pointer-events:none}
.cx-card:hover::before{animation:mShine .9s ease}
.cx-card:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 30px 60px rgba(0,0,0,.4),0 0 0 3px rgba(245,210,122,.85)}
.cx-card:focus-visible{outline:3px solid #F5D27A;outline-offset:3px}
.cx-card.c1,.cx-card.c7{background:linear-gradient(150deg,#0b8f6a,#00513b)}
.cx-card.c2,.cx-card.c8{background:linear-gradient(150deg,#F42A41,#a8182b)}
.cx-card.c3,.cx-card.c6{background:linear-gradient(150deg,#F5D27A,#C9A14A);color:#2a2108}
.cx-card.c4,.cx-card.c5{background:linear-gradient(150deg,#ffffff,#fff);color:#00382a;border-color:#fff}
.cx-num{position:absolute;right:-6px;top:-20px;font:900 118px/1 Roboto,sans-serif;opacity:.14;pointer-events:none;transition:transform .5s,opacity .4s}
.cx-card:hover .cx-num{transform:translate(-8px,10px) scale(1.12);opacity:.22}
.cx-ico{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.2);margin-bottom:16px;position:relative;animation:mFloat 4s ease-in-out infinite;animation-delay:var(--d,0s);transition:background .3s}
.cx-ico::after{content:"";position:absolute;inset:-6px;border-radius:22px;border:2px solid currentColor;opacity:.35;animation:cxRing 2.8s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes cxRing{0%{transform:scale(.9);opacity:.5}100%{transform:scale(1.25);opacity:0}}
.cx-ico svg{width:28px;height:28px}
.cx-card.c3 .cx-ico,.cx-card.c6 .cx-ico{background:rgba(0,56,42,.12)}.cx-card.c4 .cx-ico,.cx-card.c5 .cx-ico{background:linear-gradient(135deg,#006A4E,#0b8f6a);color:#fff}
.cx-card h3{margin:0 0 6px;font-size:18px;line-height:1.35;position:relative}
.cx-card p{margin:0;font-size:14px;opacity:.92;position:relative}
.cx-go{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13.5px;position:relative}
.cx-go i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);transition:transform .35s,background .3s;font-size:18px}
.cx-card.c3 .cx-go i,.cx-card.c4 .cx-go i,.cx-card.c5 .cx-go i,.cx-card.c6 .cx-go i{background:rgba(0,56,42,.12)}
.cx-card:hover .cx-go i{transform:translateX(6px) scale(1.12);background:#F5D27A;color:#3a2800}

/* contact strip */
.cx-strip{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-radius:22px;padding:18px 22px;background:linear-gradient(135deg,rgba(0,0,0,.28),rgba(0,0,0,.14));border:1.5px solid rgba(245,210,122,.7);backdrop-filter:blur(6px)}
.cx-strip b{display:block;font-size:19px;color:#F5D27A}.cx-strip span{font-size:14.5px;opacity:.95}
.cx-sbtn{display:flex;gap:9px;flex-wrap:wrap}
.cx-b{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:99px;font-weight:800;text-decoration:none;font-size:14.5px;color:#fff;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.55);transition:transform .25s}
.cx-b.w{background:#F5D27A;color:#3a2800;border-color:#F5D27A}.cx-b.r{background:linear-gradient(135deg,#F42A41,#c4162b);border-color:rgba(245,210,122,.8)}
.cx-b:hover{transform:translateY(-3px)}
.cx-note{text-align:center;margin:18px 0 0;font-size:13.5px;opacity:.9}

/* worry cards */
.cx-qgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width:800px){.cx-qgrid{grid-template-columns:1fr}}
.cx-q{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:18px 20px;cursor:pointer;border:1px solid #e3ede8;border-left:7px solid #006A4E;box-shadow:0 10px 26px rgba(0,56,42,.09);position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.cx-q.q2{border-left-color:#F42A41}.cx-q.q3{border-left-color:#C9A14A}.cx-q.q4{border-left-color:#0b8f6a}
.cx-q:hover{transform:translateX(8px) translateY(-3px);box-shadow:0 20px 40px rgba(0,56,42,.2)}
.cx-qi{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;font:900 24px Roboto;color:#fff;background:linear-gradient(135deg,#006A4E,#0b8f6a);box-shadow:0 8px 16px rgba(0,106,78,.35);animation:mFloat 3.6s ease-in-out infinite}
.cx-q.q2 .cx-qi{background:linear-gradient(135deg,#F42A41,#c4162b);box-shadow:0 8px 16px rgba(244,42,65,.35)}.cx-q.q3 .cx-qi{background:linear-gradient(135deg,#F5D27A,#C9A14A);color:#3a2800;box-shadow:0 8px 16px rgba(201,161,74,.4)}
.cx-q h3{margin:0 0 4px;font-size:17.5px;color:#00382a;line-height:1.35}.cx-q p{margin:0 0 8px;color:#3a4a43;font-size:14.5px}
.cx-qm{font-weight:800;color:#006A4E;font-size:13.5px;transition:letter-spacing .3s}.cx-q:hover .cx-qm{letter-spacing:.03em;color:#F42A41}

/* scroll-driven entrance (Chrome/Edge/Safari TP). Elsewhere the cards simply appear. */
@supports (animation-timeline: view()){
  .cx-card,.cx-q,.cx-pill,.cx-strip,.cx-head{animation:cxIn linear backwards;animation-timeline:view();animation-range:entry 0% entry 42%}
  .cx-card:nth-child(even){animation-name:cxInR}
  .cx-card .cx-ico{animation-timeline:auto}
}
@keyframes cxIn{from{opacity:0;transform:translateY(46px) scale(.95)}to{opacity:1;transform:none}}
@keyframes cxInR{from{opacity:0;transform:translateY(60px) rotate(1.4deg) scale(.95)}to{opacity:1;transform:none}}

/* modal: contact block + neighbours */
.wm .mc{margin-top:16px;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#00382a,#006A4E);color:#fff;border-top:3px solid #F5D27A}
.wm .mc b{display:block;margin-bottom:9px;color:#F5D27A}
.wm .mc-row{display:flex;gap:8px;flex-wrap:wrap}
.wm .mc-b{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:9px 16px;font-weight:800;text-decoration:none;font-size:14px;color:#fff;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.5);transition:transform .2s}
.wm .mc-b.w{background:#F5D27A;color:#3a2800;border-color:#F5D27A}.wm .mc-b.r{background:linear-gradient(135deg,#F42A41,#c4162b);border-color:rgba(245,210,122,.8)}.wm .mc-b:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.cx-green,.cx-sec::after,.cx-ico,.cx-ico::after,.cx-qi,.cx-pill.p1{animation:none!important}}

/* verified entry section */
.vs-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}@media (max-width:760px){.vs-two{grid-template-columns:1fr}}
.vs-box{border-radius:20px;padding:18px 20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.vs-box b{display:block;font-size:17px;margin-bottom:8px;color:#F5D27A}.vs-box ul{margin:0;padding-left:0;list-style:none;display:grid;gap:7px}.vs-box li{padding-left:26px;position:relative}.vs-box li::before{content:"✓";position:absolute;left:0;color:#F5D27A;font-weight:800}
.vs-lock{background:linear-gradient(135deg,rgba(244,42,65,.35),rgba(0,0,0,.18));border-color:rgba(245,210,122,.7)}
.vs-flow{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-bottom:18px}
.vs-st{position:relative;flex:1 1 200px;border-radius:22px;padding:22px 18px 16px;color:#00251b;background:linear-gradient(150deg,#fff,#fff);cursor:pointer;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.28);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.vs-st:nth-of-type(2){background:linear-gradient(150deg,#F5D27A,#C9A14A)}.vs-st:nth-of-type(3){background:linear-gradient(150deg,#F42A41,#c4162b);color:#fff}.vs-st:nth-of-type(4){background:linear-gradient(150deg,#fff,#fff)}
.vs-st:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 28px 54px rgba(0,0,0,.4),0 0 0 3px rgba(245,210,122,.9)}
.vs-n{position:absolute;right:-4px;top:-18px;font:900 96px/1 Roboto;opacity:.13}
.vs-ic{display:block;font-size:36px;margin-bottom:6px;animation:mFloat 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.vs-st h3{margin:0 0 4px;font-size:18px}.vs-st p{margin:0 0 10px;font-size:13.5px;opacity:.9}.vs-st em{font-style:normal;font-weight:800;font-size:13px}
.vs-ar{align-self:center;color:#F5D27A;font-size:24px;font-weight:800;animation:mFloat 1.8s ease-in-out infinite}@media (max-width:900px){.vs-ar{display:none}}
.vs-bonus{display:flex;align-items:center;gap:18px;border-radius:22px;padding:18px 22px;cursor:pointer;color:#2a2108;background:linear-gradient(135deg,#F5D27A,#C9A14A 60%,#F5D27A);background-size:200% 100%;animation:mGoldFlow 6s linear infinite;box-shadow:0 18px 38px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.5);transition:transform .3s}
.vs-bonus:hover{transform:translateY(-4px)}.vs-bonus b{display:block;font-size:20px;margin-bottom:4px}.vs-bonus span{font-size:14.5px}.vs-bonus i{margin-left:auto;font-style:normal;font-weight:800;white-space:nowrap}
.vs-bg{font-size:54px;animation:mFloat 2.6s ease-in-out infinite}@media (max-width:640px){.vs-bonus{flex-direction:column;align-items:flex-start}.vs-bonus i{margin-left:0}}
.vs-hubbonus{display:flex;align-items:center;gap:14px;border-radius:18px;padding:14px 18px;margin:0 0 16px;cursor:pointer;background:linear-gradient(135deg,#fff,#F5D27A);border:1.5px solid #C9A14A;box-shadow:0 12px 26px rgba(201,161,74,.3);transition:transform .25s}
.vs-hubbonus:hover{transform:translateY(-3px)}.vs-hubbonus>span{font-size:34px}.vs-hubbonus b{display:block;color:#5b4300}.vs-hubbonus small{color:#7a5a00}.vs-hubbonus i{margin-left:auto;font-style:normal;font-weight:800;font-size:22px;color:#8a6a1c}

/* registration categories on the home page */
.rg-get{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}.rg-get span{background:#fff;border:1.5px solid #C9A14A;color:#5b4300;border-radius:99px;padding:8px 18px;font-weight:800;box-shadow:0 8px 18px rgba(201,161,74,.25)}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.rg-card{position:relative;overflow:hidden;border-radius:24px;padding:20px 18px 16px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:#fff;box-shadow:0 16px 36px rgba(0,56,42,.22);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.rg-card.k0{background:linear-gradient(150deg,#0b8f6a,#00513b)}.rg-card.k1{background:linear-gradient(150deg,#F42A41,#a8182b)}.rg-card.k2{background:linear-gradient(150deg,#F5D27A,#C9A14A);color:#2a2108}
.rg-card:hover{transform:translateY(-10px) rotate(-.7deg);box-shadow:0 30px 56px rgba(0,56,42,.35),0 0 0 3px rgba(245,210,122,.9)}
.rg-card::before{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-140%) skewX(-18deg);pointer-events:none}.rg-card:hover::before{animation:mShine .9s ease}
.rg-em{font-size:36px;animation:mFloat 3.6s ease-in-out infinite;animation-delay:var(--d,0s)}.rg-card b{font-size:18px;line-height:1.3}.rg-card small{opacity:.92;font-size:14px}
.rg-card code{margin-top:6px;font:800 14px Roboto,monospace;letter-spacing:.07em;background:rgba(0,0,0,.2);border-radius:9px;padding:5px 10px;width:fit-content}.rg-card.k2 code{background:rgba(0,56,42,.14)}
.rg-doc{font-size:13px;opacity:.95;margin-top:4px}.rg-doc em{font-style:normal;font-weight:800}
.rg-bn{margin-top:6px;background:#fff;color:#8a6a1c;border-radius:99px;padding:3px 12px;font-weight:800;font-size:13px;width:fit-content}
.rg-go{margin-top:auto;padding-top:12px;font-weight:800;font-size:14px;transition:letter-spacing .3s}.rg-card:hover .rg-go{letter-spacing:.04em}

/* worry cards v2 — richer, calmer, more premium */
#worries .cx-qgrid{counter-reset:wq;gap:18px}
#worries .cx-q{counter-increment:wq;padding:22px 24px 20px 24px;border-radius:22px;border:1px solid #d6e7df;border-left-width:8px;background:linear-gradient(145deg,#ffffff 0%,#f4faf7 100%);box-shadow:0 12px 30px rgba(0,56,42,.10);gap:16px}
#worries .cx-q:after{content:counter(wq,bengali);position:absolute;right:16px;top:6px;font-size:64px;font-weight:700;line-height:1;color:rgba(0,106,78,.07);pointer-events:none}
#worries .cx-q.q2:after{color:rgba(244,42,65,.08)}#worries .cx-q.q3:after{color:rgba(201,161,74,.14)}
#worries .cx-q:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,56,42,.18);border-color:#C9A14A}
#worries .cx-qi{flex:0 0 46px;width:46px;height:46px;font-size:22px;box-shadow:0 0 0 4px rgba(245,210,122,.55),0 8px 16px rgba(0,56,42,.25)}
#worries .cx-q h3{font-size:18.5px;line-height:1.4;margin:0 0 8px;color:#00382a}
#worries .cx-q p{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(0,106,78,.07);border-left:3px solid #006A4E;font-size:14.5px;line-height:1.65;color:#243b33}
#worries .cx-q.q2 p{background:rgba(244,42,65,.06);border-left-color:#F42A41}#worries .cx-q.q3 p{background:rgba(201,161,74,.12);border-left-color:#C9A14A}
#worries .cx-qm{display:inline-block;padding:6px 14px;border-radius:99px;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,#006A4E,#00382a);transition:background .3s,transform .3s}
#worries .cx-q:hover .cx-qm{background:linear-gradient(135deg,#FA5568,#B3152A);transform:translateX(4px)}