/* BEN – luxury layer 2: ornamented section backgrounds (home + inner pages), gilded rails, closing banner, colourful animated buttons.
   Brand colours only. Works with luxe.css (motif variables) and luxe.js (adds .lx-plain / .lx-b / .lx-end). */
:root{--lx-motif2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Ccircle cx='36' cy='36' r='26' fill='none' stroke='%23C9A14A' stroke-opacity='.55' stroke-width='1.2'/%3E%3Ccircle cx='36' cy='36' r='14' fill='none' stroke='%23006A4E' stroke-opacity='.32'/%3E%3Cpath d='M36 22 50 36 36 50 22 36z' fill='none' stroke='%23C9A14A' stroke-opacity='.6'/%3E%3C/svg%3E")}
/* ---------- plain sections (marked by luxe.js) ---------- */
.lx-plain{position:relative;overflow:hidden;background-color:#fff;background-image:var(--lx-motif);background-size:var(--lx-size,88px);animation:lxDrift 120s linear infinite}
.lx-plain.lx-b{background-image:var(--lx-motif2);background-size:72px}
.lx-plain>*{position:relative;z-index:1}
.lx-plain::before{content:"";position:absolute;z-index:0;left:50%;top:0;transform:translateX(-50%);width:min(620px,86%);height:22px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='22'%3E%3Cpath d='M0 11H262M358 11H620' stroke='%23C9A14A' stroke-width='1.6'/%3E%3Cpath d='M310 1 322 11 310 21 298 11z' fill='%23F42A41'/%3E%3Cpath d='M310 5 318 11 310 17 302 11z' fill='%23fff'/%3E%3Cpath d='M274 11 282 5 290 11 282 17zM330 11 338 5 346 11 338 17z' fill='%23C9A14A'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.lx-plain::after{content:"";position:absolute;z-index:0;right:-110px;top:70px;width:360px;height:360px;pointer-events:none;opacity:.95;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cpath d='M180 6 354 180 180 354 6 180z' fill='none' stroke='%23C9A14A' stroke-width='1.6'/%3E%3Cpath d='M180 50 310 180 180 310 50 180z' fill='none' stroke='%23006A4E' stroke-opacity='.5'/%3E%3Cpath d='M180 96 264 180 180 264 96 180z' fill='none' stroke='%23F42A41' stroke-opacity='.55' stroke-width='1.4'/%3E%3Ccircle cx='180' cy='180' r='46' fill='none' stroke='%23C9A14A' stroke-opacity='.8'/%3E%3Ccircle cx='180' cy='180' r='5' fill='%23C9A14A'/%3E%3C/svg%3E") no-repeat center/contain;animation:lxSpin 110s linear infinite}
.lx-plain.lx-b::after{right:auto;left:-120px;top:auto;bottom:40px;animation-direction:reverse}
@media (max-width:760px){.lx-plain::after{width:200px;height:200px;right:-80px;opacity:.35}.lx-plain.lx-b::after{left:-80px}}
/* ---------- footers ---------- */
.footer,.bg-foot{position:relative;overflow:hidden;background-image:var(--lx-motif),linear-gradient(135deg,#00251b,#00382a 55%,#006A4E)!important;background-size:var(--lx-size,88px),auto;border-top:4px solid #C9A14A}
.footer::before,.bg-foot::before,.corp-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#F42A41,#F5D27A,#006A4E,#F5D27A,#F42A41);background-size:300% 100%;animation:lxRibbon 6s linear infinite}
.corp-foot{background-image:var(--lx-motif)!important;background-size:var(--lx-size,88px)}
.corp-foot{position:relative}
.footer-logo{filter:drop-shadow(0 0 14px rgba(245,210,122,.55))}
/* ---------- closing banner ---------- */
.lx-end{position:relative;overflow:hidden;color:#fff;text-align:center;padding:72px 20px 78px;border-top:4px solid #C9A14A;background:radial-gradient(520px 280px at 12% 0,rgba(244,42,65,.55),transparent 65%),radial-gradient(560px 320px at 92% 100%,rgba(201,161,74,.45),transparent 65%),linear-gradient(135deg,#00251b,#006A4E 60%,#0b8f6a)}
.lx-end::before{content:"";position:absolute;inset:0;background-image:var(--lx-motif);background-size:var(--lx-size,88px);opacity:.9;mix-blend-mode:screen;animation:lxDrift 80s linear infinite;pointer-events:none}
.lx-end>*{position:relative}
.lx-end .lx-eb{display:inline-block;letter-spacing:.22em;text-transform:uppercase;font-weight:800;font-size:12.5px;color:#F5D27A;margin-bottom:10px}
.lx-end h2{margin:0 auto 10px;max-width:760px;font-size:clamp(26px,4.4vw,46px);line-height:1.2;font-weight:800;color:transparent;background:linear-gradient(100deg,#fff 0%,#F5D27A 35%,#fff 50%,#F5D27A 65%,#C9A14A 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:lxSheen 7s linear infinite}
.lx-end p{max-width:620px;margin:0 auto 24px;opacity:.95;font-size:17px}
.lx-end .lx-act{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lx-end .lx-act a{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:99px;font-weight:800;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.lx-end .lx-act a:hover{transform:translateY(-5px) scale(1.03)}
.lx-end .lx-a1{background:linear-gradient(135deg,#F42A41,#a8182b);box-shadow:0 12px 28px rgba(244,42,65,.5)}
.lx-end .lx-a2{background:linear-gradient(135deg,#F5D27A,#C9A14A);color:#2a2108!important;box-shadow:0 12px 28px rgba(201,161,74,.5)}
.lx-end .lx-a3{background:rgba(255,255,255,.12);border:2px solid #fff}
.lx-end .lx-act a::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);animation:lxBtn 4.2s ease-in-out infinite}
.lx-end .lx-d{position:absolute;width:46px;height:46px;border:2px solid #F5D27A;transform:rotate(45deg);opacity:.5;animation:lxFloat 7s ease-in-out infinite}
.lx-end .lx-d:nth-of-type(1){left:6%;top:18%}.lx-end .lx-d:nth-of-type(2){right:8%;top:24%;width:30px;height:30px;border-color:#F42A41;animation-delay:-2s}.lx-end .lx-d:nth-of-type(3){left:14%;bottom:12%;width:24px;height:24px;border-color:#fff;animation-delay:-4s}.lx-end .lx-d:nth-of-type(4){right:16%;bottom:10%;animation-delay:-5s}
@keyframes lxFloat{50%{transform:translateY(-22px) rotate(225deg)}}
/* ---------- colourful, animated buttons (all pages) ---------- */
.btn,.bg-a,.bg-go,.cx-pill{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,filter .3s}
.btn:hover,.bg-a:hover,.cx-pill:hover{transform:translateY(-4px) scale(1.025)}.btn:active,.bg-a:active,.bg-go:active{transform:scale(.97)}
.btn-red,.bg-a.p,.bg-go{background:linear-gradient(135deg,#F42A41 0%,#c4162b 55%,#a8182b 100%)!important;color:#fff!important;border-color:transparent;box-shadow:0 10px 26px rgba(244,42,65,.42);animation:lxPulse 3.2s ease-in-out infinite}
.btn-red:hover,.bg-a.p:hover,.bg-go:hover{filter:brightness(1.08);box-shadow:0 16px 34px rgba(244,42,65,.6)}
@keyframes lxPulse{50%{box-shadow:0 10px 26px rgba(244,42,65,.42),0 0 0 8px rgba(244,42,65,.12)}}
.btn-green{background:linear-gradient(135deg,#0b8f6a,#006A4E 60%,#00382a)!important;box-shadow:0 10px 24px rgba(0,106,78,.4);position:relative;overflow:hidden}
.btn-gold{background:linear-gradient(135deg,#F5D27A,#C9A14A 60%,#8a6a1c)!important;color:#2a2108!important;box-shadow:0 10px 24px rgba(201,161,74,.45);position:relative;overflow:hidden}
.btn-green::after,.btn-gold::after,.btn-red::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);animation:lxBtn 4.6s ease-in-out infinite;pointer-events:none}.btn-red{position:relative;overflow:hidden}
.btn-line,.btn-ghost-d{background:#fff!important;border:2px solid #C9A14A!important;color:#00382a!important}
.btn-line:hover,.btn-ghost-d:hover{background:linear-gradient(135deg,#F5D27A,#C9A14A)!important;color:#2a2108!important;box-shadow:0 12px 26px rgba(201,161,74,.45)}
.btn-ghost:hover{border-color:#F5D27A;box-shadow:0 0 22px rgba(245,210,122,.55);background:rgba(255,255,255,.14)}
.bg-sec .bg-a.w,.bg-card .bg-a.w,.mt-sec .bg-a.w,.pt-sec .bg-a.w,.mt-ct .bg-a.w,.mt-md .bg-a.w,.mt-band .bg-a.w{background:linear-gradient(135deg,#006A4E,#0b8f6a)!important;color:#fff!important;border:2px solid #C9A14A!important;box-shadow:0 8px 20px rgba(0,106,78,.35)}
.bg-card .bg-a.w:hover,.mt-sec .bg-a.w:hover,.pt-sec .bg-a.w:hover,.mt-ct .bg-a.w:hover,.mt-md .bg-a.w:hover{background:linear-gradient(135deg,#F5D27A,#C9A14A)!important;color:#2a2108!important}
.mt-band .bg-a.w{background:rgba(255,255,255,.14)!important}
.bg-hero .bg-a.w{background:rgba(255,255,255,.14)!important;border:2px solid #F5D27A!important;color:#fff!important;backdrop-filter:blur(4px)}.bg-hero .bg-a.w:hover{background:linear-gradient(135deg,#F5D27A,#C9A14A)!important;color:#2a2108!important}
.bg-hero .bg-a.p{background:linear-gradient(135deg,#F5D27A,#C9A14A 60%,#8a6a1c)!important;color:#2a2108!important;box-shadow:0 12px 28px rgba(201,161,74,.55);animation:lxPulseGold 3.2s ease-in-out infinite}
@keyframes lxPulseGold{50%{box-shadow:0 12px 28px rgba(201,161,74,.55),0 0 0 9px rgba(245,210,122,.2)}}
/* remaining pale tints -> white with a brand hairline */
.esc-gate{background:#fff!important;border:1.5px solid #F42A41!important;box-shadow:0 8px 20px rgba(244,42,65,.15)}
.lx-plain .eyebrow,.bg-wrap .eyebrow{background:#fff!important;border:1px solid #C9A14A;color:#00382a!important}
.lx-plain .tag,.lx-plain .tg,.lx-plain .bar,.mb-t,.mb-tier,.st,.tb.bronze{background-color:#fff!important;border:1px solid #C9A14A}
.bar>*{border-radius:inherit}
/* colourful card motion */
.mt-sc:hover .e,.jy-c:hover .e,.jy-d:hover .e,.jy-t:hover .e,.pt-ec:hover .e,.pt-tr:hover span{animation:lxBounce .8s}
@keyframes lxBounce{30%{transform:translateY(-12px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}
.mt-sc:nth-child(1),.jy-c:nth-child(4n+1){background:linear-gradient(180deg,#fff 0,#fff 78%,rgba(0,106,78,.1) 100%)}
.mt-sc:nth-child(2),.jy-c:nth-child(4n+2){background:linear-gradient(180deg,#fff 0,#fff 78%,rgba(244,42,65,.1) 100%)}
.mt-sc:nth-child(3),.jy-c:nth-child(4n+3){background:linear-gradient(180deg,#fff 0,#fff 78%,rgba(201,161,74,.18) 100%)}
.mt-sc:nth-child(4),.jy-c:nth-child(4n){background:linear-gradient(180deg,#fff 0,#fff 78%,rgba(0,106,78,.1) 100%)}
.mt-tabs button.on,.jy-tog button.on{background:linear-gradient(135deg,#F42A41,#a8182b)!important;border-color:#a8182b!important;box-shadow:0 10px 22px rgba(244,42,65,.4)!important}
.mt-tabs button:hover,.jy-tog button:hover{border-color:#C9A14A;transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.lx-plain,.lx-plain::after,body::before,body::after,.lx-end::before,.lx-end h2,.lx-end .lx-d,.btn-red,.bg-a.p,.bg-go,.lx-end .lx-act a::after{animation:none!important}}

/* ---- engineering polish ---- */
:focus-visible{outline:3px solid #C9A14A!important;outline-offset:2px;border-radius:6px}
.bg-in:focus-visible,.bg-sel:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #006A4E!important;outline-offset:1px}
.btn-red,.bg-a.p,.bg-go,.cn-cta,.bg-hero .bg-a.p{animation-iteration-count:3!important}
.bg-link,.cf-in a:not(.cf-cta),.cn-bc a{display:inline-block;padding-top:6px;padding-bottom:6px}
.mt-tabs button,.mk-tabs button,.pg-tag{min-height:34px}
@media (hover:none) and (pointer:coarse){.btn,.bg-a,.bg-go,.cn-b,.cn-dd a,.mt-tabs button,.mk-tabs button{min-height:44px}.cf-in a:not(.cf-cta){padding-top:10px;padding-bottom:10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* emoji icons render with the platform's colour-emoji font on every OS (no empty boxes on older devices) */
.e,.ico,.pg-c .e,.mt-st .e,.jy-c .e,.wf-n .e,.mt-sc .e,.hm-m span,.pg-av,.mk-av,.mt-h i{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Twemoji Mozilla",sans-serif}

/* ---- calmer corporate rhythm, readability, small-screen economy ---- */
/* green is the primary card colour; red stays as an accent (every 5th card), gold and deep green support */
.pg-c.k1,.mt-st.k1,.wf-n.k1,.jy-t.k1,.jy-d:nth-child(2){background:linear-gradient(150deg,#0b8f6a,#006A4E 60%,#00513b)}
.pg-c:nth-child(5n+4).k1,.mt-st:nth-child(5n+4).k1,.wf-n:nth-child(5n+4).k1{background:linear-gradient(150deg,#F42A41,#a8182b)}
/* Bangla body text is never smaller than 13.5px on the new pages */
.mt-fine,.pg-c p,.pg-w p,.mt-sc p,.jy-c p,.wf-n p,.mk-card small,.pg-lc p,.rq-fl span,.mt-meta span{font-size:max(13.5px,1em)}
.mt-fine{font-size:13.5px}
@media (max-width:640px){.cn-bc{display:none}.bg-hero{padding-top:30px}}
/* if background-clip:text is unsupported the gradient headings fall back to solid dark green */
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.mt-h h2,.pt-h h2,.lx-h{background:none;color:#00382a;-webkit-text-fill-color:#00382a}}