:root{--g1:#22c55e;--g2:#15803d;--ink:#1f2433;--mut:#5b6478}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans Bengali","Segoe UI",Roboto,sans-serif;line-height:1.55;
background-image:radial-gradient(420px 300px at 0 0,rgba(168,85,247,.14),transparent),radial-gradient(420px 300px at 100% 8%,rgba(59,130,246,.14),transparent),radial-gradient(500px 320px at 50% 100%,rgba(234,179,8,.12),transparent);background-repeat:no-repeat}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px calc(120px + env(safe-area-inset-bottom));text-align:center}
.top{min-height:96px;display:flex;justify-content:center;align-items:center}
#logo{border-radius:22px;box-shadow:0 8px 24px rgba(99,102,241,.25)}
.wm{font-size:34px;font-weight:800;background:linear-gradient(90deg,#ef4444,#eab308,#22c55e,#3b82f6,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{font-size:clamp(26px,6.5vw,40px);line-height:1.3;margin:18px 0 10px}
.g{background:linear-gradient(90deg,#16a34a,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mut);font-size:clamp(16px,4vw,19px);margin:0 auto 22px;max-width:520px}
.feat{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.feat li{padding:9px 16px;border-radius:999px;font-weight:600;font-size:14.5px;color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.c1{background:linear-gradient(135deg,#ef4444,#f97316)}.c2{background:linear-gradient(135deg,#3b82f6,#6366f1)}.c3{background:linear-gradient(135deg,#a855f7,#ec4899)}
.video{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0f172a;box-shadow:0 14px 40px rgba(59,130,246,.25),0 0 0 3px #fff,0 0 0 5px rgba(234,179,8,.55)}
.video img,.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.play{position:absolute;inset:0;display:grid;place-items:center;border:0;background:rgba(0,0,0,.18);cursor:pointer}
.play i{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#fde047,#f59e0b);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.3),0 10px 24px rgba(0,0,0,.3);transition:transform .2s}
.play:hover i{transform:scale(1.07)}.play i:after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.fb{position:absolute;inset:0;display:grid;place-items:center;color:#cbd5e1;padding:20px}
footer{margin-top:28px;font-size:14px}footer a{color:var(--mut)}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;background:linear-gradient(to top,#fff 55%,rgba(255,255,255,0))}
.dlbtn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:420px;padding:16px 24px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;font-size:18px;
background:linear-gradient(180deg,#4ade80,var(--g1) 45%,var(--g2));box-shadow:0 10px 24px rgba(22,163,74,.4),0 0 22px rgba(34,197,94,.35),inset 0 2px 0 rgba(255,255,255,.5)}
.dlbtn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}
@keyframes shine{0%,55%{left:-60%}100%{left:130%}}
.dlbtn:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}