:root{--bg:#07050f;--panel:#0f0a1f;--ink:#ece9ff;--muted:#a29dc8;--c:#00f0ff;--m:#ff2bd6;--y:#fcee0a;--line:rgba(0,240,255,.28);color-scheme:dark;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:72px}
*{box-sizing:border-box;margin:0}
body{background:transparent;color:var(--ink);font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
a{color:inherit;text-decoration:none}
.w{max-width:1120px;margin:0 auto;padding:0 18px}
header{position:sticky;top:0;z-index:30;background:rgba(7,5,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}
.brand img{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px var(--c),0 0 14px var(--c)}
nav{display:flex;align-items:center;gap:20px;font-weight:500}
nav a:hover{color:var(--c);text-shadow:0 0 8px var(--c)}
.btn{display:inline-block;padding:11px 24px;font-weight:700;background:var(--y);color:#111;transition:.25s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.btn:hover{background:var(--c);transform:translateY(-3px)}

.hero{position:relative;overflow:hidden;padding:54px 0 72px;background:radial-gradient(60% 80% at 85% 0,rgba(255,43,214,.28),transparent),radial-gradient(50% 70% at 0 100%,rgba(0,240,255,.22),transparent),rgba(7,5,15,.5)}
.hero::before{content:"";position:absolute;left:-50%;right:-50%;bottom:0;height:60%;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/48px 48px;transform:perspective(380px) rotateX(62deg);transform-origin:bottom;animation:grid 2.4s linear infinite;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
@keyframes grid{to{background-position:0 48px,0 0}}
.blob{position:absolute;border-radius:50%;filter:blur(14px);opacity:.28;animation:drift 9s ease-in-out infinite}
.b1{width:240px;height:240px;background:var(--m);top:-80px;right:8%}
.b2{width:180px;height:180px;background:var(--c);bottom:-60px;left:4%;animation-delay:-4s}
@keyframes drift{50%{transform:translate(24px,30px) scale(1.12)}}
.hero .w{position:relative;display:grid;gap:34px;grid-template-columns:1fr 1fr;align-items:center}
@media(max-width:820px){.hero .w{grid-template-columns:1fr}}
h1{font-size:clamp(30px,5.4vw,50px);line-height:1.3;margin-bottom:14px;animation:glitch 4s infinite;text-shadow:0 0 18px rgba(0,240,255,.45)}
@keyframes glitch{0%,92%,100%{text-shadow:0 0 18px rgba(0,240,255,.45)}93%{text-shadow:-3px 0 var(--m),3px 0 var(--c)}95%{text-shadow:3px 0 var(--m),-3px 0 var(--c);transform:translateX(2px)}97%{text-shadow:none;transform:none}}
.roll{display:inline-block;height:1.35em;overflow:hidden;vertical-align:bottom;color:var(--y)}
#roll{display:block}.roll i{display:block;font-style:normal;height:1.35em;line-height:1.35em}
.hero p{color:var(--muted);margin-bottom:20px}
.search{display:flex;background:var(--panel);border:1px solid var(--c);max-width:520px;box-shadow:0 0 20px rgba(0,240,255,.35)}
.search input{flex:1;border:0;padding:14px 16px;font:inherit;color:var(--ink);background:transparent;outline:0;min-width:0}
.search input::placeholder{color:var(--muted)}
.search button{border:0;background:var(--y);color:#111;font:inherit;font-weight:700;padding:0 22px;cursor:pointer}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pills a{border:1px solid var(--m);color:#ffb8f1;padding:2px 14px;font-size:14px;transition:.2s}
.pills a:hover{background:var(--m);color:#fff;box-shadow:0 0 14px var(--m)}
.shot{position:relative;overflow:hidden;padding:6px;border:1px solid var(--c);background:var(--panel);animation:bob 5s ease-in-out infinite,neon 3s ease-in-out infinite alternate;transition:transform .4s}
.shot:hover{transform:scale(1.03)}
.shot img{display:block;width:100%;height:auto}
.shot::after{content:"";position:absolute;left:0;right:0;height:46px;background:linear-gradient(transparent,rgba(0,240,255,.3),transparent);animation:sweep 3.5s linear infinite;pointer-events:none}
@keyframes sweep{from{top:-46px}to{top:100%}}
@keyframes neon{from{box-shadow:0 0 24px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.2)}to{box-shadow:0 0 24px rgba(255,43,214,.55),0 0 60px rgba(255,43,214,.25);border-color:var(--m)}}
@keyframes bob{50%{translate:0 -12px}}
.trust{background:rgba(15,10,31,.85);border-block:1px solid var(--line);overflow:hidden;white-space:nowrap;height:64px;display:flex;align-items:center}
.trust div{display:inline-flex;align-items:center;animation:slide 32s linear infinite}
@keyframes slide{to{transform:translateX(-50%)}}
.lg{display:inline-flex;align-items:center;justify-content:center;flex:none;height:44px;width:150px;margin:0 14px;background:#fff;border-radius:8px;border:1px solid var(--c);box-shadow:0 0 10px rgba(0,240,255,.4);font-weight:700;font-size:21px}
.lg img{max-height:32px;max-width:126px;width:auto;height:auto}
section{padding:64px 0}
h2{font-size:clamp(24px,4vw,34px);margin-bottom:6px;color:#fff;text-shadow:0 0 14px rgba(0,240,255,.5)}
.sub{color:var(--muted);margin-bottom:28px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.card{position:relative;backdrop-filter:blur(6px);background:linear-gradient(160deg,rgba(26,16,54,.82),rgba(12,8,24,.82));border:1px solid var(--line);transition:.3s;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.card:hover{transform:translateY(-6px);border-color:var(--m);background:linear-gradient(160deg,rgba(45,22,95,.9),rgba(12,8,24,.85))}
.top{height:104px;display:grid;place-items:center;font-size:46px;background:linear-gradient(135deg,rgba(0,240,255,.16),rgba(255,43,214,.16))}
.card:hover .top span{animation:pop .6s}
@keyframes pop{40%{transform:scale(1.3) rotate(-8deg)}}
.card .in{padding:14px 16px 20px}
.card h3{font-size:18px}
.card p{color:var(--muted);font-size:14.5px}
.tag{position:absolute;top:10px;left:10px;background:var(--y);color:#111;font-size:12px;font-weight:700;padding:1px 10px}
.tag.n{background:var(--m);color:#fff}
.card.hide{display:none}
.empty{display:none;color:var(--muted);padding:20px 0}
.alt{background:rgba(15,10,31,.82);border-block:1px solid var(--line)}
.steps{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{background:rgba(7,5,15,.7);border:1px solid var(--line);padding:22px;transition:.3s}
.step:hover{border-color:var(--c);box-shadow:0 0 18px rgba(0,240,255,.3)}
.step b{display:grid;place-items:center;width:38px;height:38px;background:var(--c);color:#04121a;margin-bottom:10px;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.shop{display:grid;gap:30px;grid-template-columns:.9fr 1.1fr;align-items:center}
@media(max-width:820px){.shop{grid-template-columns:1fr}}
.ring{width:min(340px,80%);margin:auto;padding:6px;border-radius:50%;background:conic-gradient(var(--c),var(--m),var(--y),var(--c));animation:spin 6s linear infinite;box-shadow:0 0 40px rgba(255,43,214,.35)}
.ring img{display:block;width:100%;border-radius:50%;animation:spin 6s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.hb{position:relative;max-width:620px;margin:0 auto;border:1px solid var(--y);container-type:inline-size;box-shadow:0 0 30px rgba(252,238,10,.25)}
.hb img{display:block;width:100%;height:auto}
.buy{position:absolute;left:50%;top:90.6%;transform:translate(-50%,-50%);width:max(15%,100px);height:max(4.9%,36px);display:grid;place-items:center;background:linear-gradient(#ffd56b,#f3b43c);color:#3a2600;font-weight:700;border-radius:30px;font-size:clamp(13px,2.1cqw,22px);animation:buy 2s infinite;transition:transform .2s}
.buy:hover{transform:translate(-50%,-50%) scale(1.1)}
@keyframes buy{0%{box-shadow:0 0 0 0 rgba(252,238,10,.7)}70%,100%{box-shadow:0 0 0 16px rgba(252,238,10,0)}}
footer{background:#04030a;border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:22px 18px;font-size:14px}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;z-index:70}
.fab a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:var(--c);box-shadow:0 6px 16px rgba(0,0,0,.5);animation:ring 2.4s infinite}
.fab a+a{background:#25d366;animation-delay:1.2s}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(0,240,255,.7)}70%,100%{box-shadow:0 0 0 18px rgba(0,240,255,0)}}
.rv{opacity:0;transform:translateY(26px);transition:opacity .6s,transform .6s}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
a:focus-visible,input:focus-visible{outline:3px solid var(--y);outline-offset:2px}
html{background:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px) 0 0/56px 56px fixed,linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px) 0 0/56px 56px fixed,#07050f}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.4;pointer-events:none}
#bar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--c),var(--m),var(--y));box-shadow:0 0 10px var(--c);z-index:80}
@keyframes blink{50%{opacity:0}}
.stat{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--c);padding:2px 14px;font-size:14px;color:var(--c);margin-bottom:14px;background:rgba(0,240,255,.08)}
.stat i{width:8px;height:8px;border-radius:50%;background:#39ff14;box-shadow:0 0 8px #39ff14;animation:blink 1.2s steps(2) infinite}
h2::before{content:"//";color:var(--m);margin-right:8px}
h2::after{content:"_";color:var(--c);margin-left:4px;animation:blink 1s steps(2) infinite}
.card.rv{opacity:0;transform:none;transition:transform .3s,border-color .3s,background .3s}
.card.rv.on{opacity:1;animation:cardIn .75s backwards}
.card.rv:hover{transform:translateY(-6px)}
@keyframes cardIn{from{opacity:0;transform:translateY(50px) scale(.86) skewX(-8deg);filter:brightness(2.2) hue-rotate(40deg)}60%{filter:brightness(1.4)}}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(0,240,255,.2) 50%,transparent 60%);transform:translateX(-120%);transition:transform .7s}
.card:hover::after{transform:translateX(120%)}
.trust{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.grid .card h3{font-size:15.5px}.grid .card p{font-size:12.5px;line-height:1.5}.grid .top{height:76px;font-size:36px}.grid .card .in{padding:10px 12px 16px}.tag{font-size:11px;padding:0 8px}}
.pf-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
.ring.pf{width:190px;margin:0 0 8px}
.ph{aspect-ratio:1;border-radius:50%;background:#0f0a1f;display:grid;place-items:center;color:var(--muted);font-size:14px;line-height:1.4;animation:spin 6s linear infinite reverse}
.role{color:var(--c);font-weight:700;font-size:20px;text-shadow:0 0 10px var(--c)}
.nm{font-size:24px;font-weight:700;color:#fff}
.pn{color:var(--y);font-weight:700;font-size:18px}
.ad{color:var(--muted);font-size:15px}

html{-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px;top:8px}
.skip:focus{left:8px;z-index:100;background:var(--y);color:#111;padding:8px 14px;font-weight:700}
.w{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.search input{font-size:16px}
.pills a{padding:6px 14px}
.fab{right:max(16px,env(safe-area-inset-right))}
.mb{display:none;width:44px;height:44px;border:1px solid var(--c);background:transparent;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:0}
.mb span{width:22px;height:2px;background:var(--c);transition:.3s}
header.open .mb span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.open .mb span:nth-child(2){opacity:0}
header.open .mb span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.faq{max-width:820px}
.faq details{border:1px solid var(--line);background:rgba(15,10,31,.75);margin-bottom:10px}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--c);font-size:22px;line-height:1.2}
.faq details[open] summary::after{content:"–"}
.faq details[open]{border-color:var(--c)}
.faq p{padding:0 16px 16px;color:var(--muted)}
@media(min-width:1400px){.w{max-width:1240px}}
@media(max-width:760px){
header{position:sticky}
.brand span{font-size:16px}
.mb{display:flex}
nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,5,15,.98);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s,visibility .35s}
header.open nav{max-height:360px;visibility:visible}
nav a{padding:14px 18px;border-top:1px solid var(--line)}
nav .btn{margin:12px 18px;text-align:center;padding:12px 24px}
}
@media(max-width:420px){
h1{font-size:28px}
.hero{padding:36px 0 56px}
section{padding:44px 0}
.search button{padding:0 14px}
.trust{height:54px}
.lg{width:120px;height:38px;margin:0 8px;font-size:17px}
.lg img{max-height:26px;max-width:100px}
.ring.pf{width:160px}
.nm{font-size:21px}
}
@media(max-width:360px){.grid{gap:8px}.grid .card h3{font-size:14.5px}.brand span{font-size:14px}}
@media(hover:none){.card.rv:hover,.btn:hover,.step:hover,.honey a:hover{transform:none}}
@media(max-height:480px) and (orientation:landscape){.hero{padding:28px 0 40px}header.open nav{max-height:220px;overflow-y:auto}}