:root{--paper:#F3F5FB;--ink:#0D1530;--mute:#56607D;--blue:#2342F5;--blue2:#1A31C2;--sun:#FFC83D;--line:#D9DEEE;--ok:#0F8A5F;--bad:#C62E3E;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Hind Siliguri',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:17px}
a{color:var(--blue)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.top{padding:18px 0;font-weight:700;font-size:19px}
.hero{grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:28px 0 56px}
.hero h1{font-size:clamp(32px,5.4vw,56px);line-height:1.18;margin:0 0 14px;font-weight:700;letter-spacing:-.5px}
.hero p.lead{font-size:19px;color:var(--mute);margin:0 0 24px;max-width:34em}
.price{display:flex;align-items:baseline;gap:12px;margin:0 0 20px}
.price b{font-size:42px;line-height:1}.price s{color:var(--mute);font-size:20px}
.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:15px 34px;font:600 19px 'Hind Siliguri',sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--blue2)}.btn:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.btn[disabled]{opacity:.6;cursor:wait}
.note{font-size:14px;color:var(--mute);margin-top:10px}
.pack{background:var(--ink);color:#fff;border-radius:18px;min-height:300px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.pack:before{content:"";position:absolute;right:-50px;top:-50px;width:210px;height:210px;border-radius:50%;background:var(--sun)}
.pack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pack strong{font-size:26px;line-height:1.3;position:relative}.pack span{color:#B9C2E6;position:relative}
.sec{padding:44px 0;border-top:1px solid var(--line)}
.sec h2{font-size:28px;margin:0 0 18px}
.feat{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 36px}
.feat li{padding-left:30px;position:relative}
.feat li:before{content:"";position:absolute;left:0;top:9px;width:16px;height:9px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s;padding:0;list-style:none;margin:0}
.steps li{counter-increment:s;padding-top:46px;position:relative}
.steps li:before{content:counter(s);position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700}
details{border-bottom:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}details p{margin:8px 0 0;color:var(--mute)}
footer{padding:30px 0 90px;color:var(--mute);font-size:15px}
.sticky{display:none}
.modal{position:fixed;inset:0;background:rgba(13,21,48,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:20}
.modal.on{display:flex}
.card{background:#fff;border-radius:16px;padding:26px;width:100%;max-width:420px;position:relative}
.card h3{margin:0 0 4px;font-size:23px}.card .sub{color:var(--mute);margin:0 0 16px;font-size:15px}
.x{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;cursor:pointer;color:var(--mute)}
label{display:block;font-weight:600;font-size:15px;margin:12px 0 4px}
input[type=text],input[type=tel],input[type=email]{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:9px;font:inherit}
input:focus{border-color:var(--blue);outline:none}
.card .btn{width:100%;margin-top:18px}
.err{color:var(--bad);font-size:14px;margin-top:8px;min-height:20px}
.hp{position:absolute;left:-9999px}
body.plain{display:grid;place-items:center;min-height:100vh;padding:20px}
.box{background:#fff;border-radius:16px;padding:30px;width:100%;max-width:560px;border-top:6px solid var(--blue)}
.box.ok{border-color:var(--ok)}.box.bad{border-color:var(--bad)}
.box h1{font-size:26px;margin:0 0 10px}
.dl{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;word-break:break-all;font-size:18px; font-weight:600}
.dl small{display:block;color:var(--mute);margin-bottom:4px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.btn.sm{padding:9px 18px;font-size:16px}.btn.ghost{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.adm{max-width:1200px;margin:0 auto;padding:20px}.adm .box{max-width:none;border-top-color:var(--ink);margin-bottom:18px}
.stats{display:flex;gap:14px;flex-wrap:wrap}.stat{background:var(--paper);padding:12px 18px;border-radius:10px}.stat b{font-size:24px;display:block}
textarea{width:100%;min-height:120px;padding:10px;border:1.5px solid var(--line);border-radius:9px;font:14px monospace}
@media(max-width:760px){.hero{grid-template-columns:1fr}.feat,.steps{grid-template-columns:1fr}.pack{min-height:190px}
.sticky{display:block;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;z-index:10}.sticky .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ===== v2 কালারফুল থিম ===== */
body.lp{background:#0F0A2A;color:#fff}
.urgent{background:linear-gradient(90deg,#F59E0B,#EF4444,#EC4899);color:#fff;text-align:center;padding:8px 12px;font-weight:600;font-size:15px}
.urgent b{background:rgba(0,0,0,.25);padding:2px 10px;border-radius:6px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.nav{position:sticky;top:0;z-index:15;background:#0D2550;backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.navin{display:flex;justify-content:space-between;align-items:center;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:20px}
.lp .hero{background:radial-gradient(circle at 15% 20%,#6611f7 0,transparent 45%),radial-gradient(circle at 85% 80%,#1c38e3 0,transparent 45%),linear-gradient(135deg,#1E1B4B,#4C1D95);padding:56px 0 64px}
.herogrid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.lp .hero h1{background:linear-gradient(90deg,#fff,#FDE68A,#F9A8D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp .hero p.lead{color:#f5f3ff}
.chip{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:4px 14px;font-size:14px;margin-bottom:14px}
.lp .price b{color:#FDE047;text-shadow:0 0 24px rgba(253,224,71,.45)}.lp .price s{color:#C4B5FD}
.price em{font-style:normal;background:#EF4444;color:#fff;border-radius:6px;padding:2px 10px;font-size:15px;font-weight:700}
.lp .btn{background:linear-gradient(135deg,#0ea5e9, #10b981);box-shadow:0 8px 24px rgba(236,72,153,.4);transition:transform .15s}
.lp .btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#10b981, #0d2550)}
.btn.big{padding:16px 44px;font-size:22px;position:relative;overflow:hidden;animation:pulse 2s infinite}
.btn.big:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 2.8s infinite}
.lp .btn.gold{background:linear-gradient(135deg,#FACC15,#F97316);color:#2B1500;box-shadow:0 8px 28px rgba(250,204,21,.45)}
.btn[disabled]{filter:grayscale(.8);animation:none}
@keyframes shine{to{left:130%}}
@keyframes pulse{0%,100%{box-shadow:0 8px 24px rgba(236,72,153,.4)}50%{box-shadow:0 8px 40px rgba(236,72,153,.85)}}
.buyrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.buyrow.c{justify-content:center}
.stock{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.18);border:1px solid #10B981;color:#6EE7B7;border-radius:99px;padding:7px 16px;font-weight:600;font-size:12px}
.stock i{width:10px;height:10px;border-radius:50%;background:#10B981;animation:blink 1.2s infinite}
.stock.low{background:rgba(239,68,68,.18);border-color:#EF4444;color:#FCA5A5}.stock.low i{background:#EF4444}
.stock.out{background:rgba(148,163,184,.2);border-color:#94A3B8;color:#CBD5E1}
@keyframes blink{50%{opacity:.25}}
.lp .note{color:#f5f3ff}
.lp .pack{background:linear-gradient(145deg,#312E81,#7C3AED);box-shadow:0 20px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);animation:float 4s ease-in-out infinite}
.lp .pack:before{background:linear-gradient(135deg,#FACC15,#F97316)}
@keyframes float{50%{transform:translateY(-10px)}}
.trust{background:#1E1B4B;border-bottom:1px solid rgba(255,255,255,.08)}
.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:22px;padding-bottom:22px;text-align:center;font-size:26px}
.trustgrid b{display:block;font-size:16px;color:#fff}.trustgrid small{color:#f5f3ff;font-size:14px}
.lp .sec{border:0;padding:56px 0}
.lp .sec h2{text-align:center;font-size:32px;margin-bottom:24px}
.s1{background:linear-gradient(180deg,#fdf4ff,#ede9fe);color:#2E1065}.s1 h2{color:#6D28D9}
.s1 .sp{text-align:center;max-width:46em;margin:0 auto 24px}
.s1 .feat li{background:#fff;border-radius:12px;padding:14px 14px 14px 46px;box-shadow:0 4px 14px rgba(124,58,237,.12)}
.s1 .feat li:before{left:16px;top:20px}
.s2{background:linear-gradient(180deg,#0EA5E9,#2563EB);color:#fff}
.s2 .steps li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:64px 18px 18px}
.s2 .steps li:before{top:18px;left:18px;background:#FACC15;color:#1E1B4B;width:40px;height:40px}
.lp .cta{background:linear-gradient(135deg,#045337, #0f8a5f);text-align:center}.cta p{font-size:24px;margin:0 0 20px}.cta s{opacity:.7}
.s3{background:#F5F3FF;color:#2E1065}.s3 details{background:#fff;border:1px solid #DDD6FE;border-radius:12px;padding:14px 18px;margin-bottom:10px}
.s3 summary{color:#5B21B6}.s3 details p{color:#4C1D95}
.foot{background:#0D2550;color:#fff;text-align:center;padding:36px 0 96px}
.foot .brand{justify-content:center;margin-bottom:8px}.foot .cp{font-size:15px;opacity:.9}
.dlall{width:100%;text-align:center;background:linear-gradient(135deg,#10B981,#0EA5E9);box-shadow:0 6px 18px rgba(16,185,129,.4)}
.dlall:hover{background:linear-gradient(135deg,#059669,#0284C7)}
.box .row:last-of-type .dlall{margin-top:6px}
@media(max-width:760px){.herogrid{grid-template-columns:1fr}.trustgrid{grid-template-columns:1fr 1fr}.lp .hero{padding:36px 0 44px}
.lp .sticky{background:#1E1B4B;border-color:#4C1D95}.lp .sticky .btn{width:100%}.buyrow{justify-content:center}}
@media(prefers-reduced-motion:reduce){.btn.big,.pack,.btn.big:after,.stock i{animation:none!important}}


/* v2.1 মডাল ও সাকসেস পেজ */
.card{color:#0D1530}.card label{color:#2E1065}.card input{background:#fff;color:#0D1530}
.lp .card{background:linear-gradient(180deg,#fff,#F5F3FF);border-top:6px solid #8B5CF6;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.lp .modal{background:rgba(15,10,42,.82)}
body.plain{display:flex;flex-direction:column;min-height:100vh;padding:0;background:linear-gradient(180deg,#EDE9FE,#FDF2F8)}
.pnav{background:linear-gradient(135deg,#1E1B4B,#4C1D95)}.pnav .brand{color:#fff}
.pmain{flex:1;display:grid;place-items:center;padding:32px 16px}
body.plain .foot{padding:30px 0}
.box{box-shadow:0 12px 40px rgba(76,29,149,.15)}

/* v2.2 full width plain pages */
body.plain{align-items:stretch;place-items:initial}
body.plain .nav,body.plain .foot{width:100%}
body.plain .navin{width:100%}
body.plain .wrap{width:100%;max-width:1040px}
.pmain{display:flex;align-items:center;justify-content:center}
.pmain .box{max-width:720px;padding:36px}
.pmain .box h1{font-size:30px}
.pmain .dl{padding:18px;margin:16px 0;border-radius:14px;background:#F5F3FF;border-color:#DDD6FE}
.pmain .row{margin-top:12px;gap:12px}
@media(max-width:760px){.pmain{padding:18px 12px}.pmain .box{padding:22px 18px}.pmain .box h1{font-size:24px}body.plain .foot{padding:26px 0}}
/* ===== Floating contact buttons ===== */
.float-contact{position:fixed;right:16px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:15}
.fc{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .2s;position:relative}
.fc:hover{transform:scale(1.1)}
.fc-wa{background:#25D366}
.fc-ms{background:linear-gradient(135deg,#00B2FF,#006AFF 50%,#A334FA)}
.fc:before{content:'';position:absolute;inset:0;border-radius:50%;background:inherit;opacity:.5;z-index:-1;animation:fcpulse 2s infinite}
@keyframes fcpulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}
@media(max-width:760px){.float-contact{bottom:84px;right:12px}.fc{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.fc:before{animation:none}}