:root{
  --bg:#080B1C; --panel:rgba(255,255,255,0.045); --border:rgba(255,255,255,0.12);
  --ink:#F1F3FF; --muted:#96A0C4; --v:#8C6CF2; --b:#3FC7F4;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{background:var(--bg); color:var(--ink); font-family:'Poppins','Hind Siliguri',sans-serif; overflow-x:hidden; position:relative;}
body:before{content:"";position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(120px 120px at 88% 6%, rgba(140,108,242,0.35), rgba(140,108,242,0) 70%),
    radial-gradient(circle at 15% 55%, rgba(63,199,244,0.10), transparent 40%),
    radial-gradient(1.5px 1.5px at 20% 12%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 70% 22%, #fff, transparent),
    radial-gradient(1px 1px at 40% 8%, #fff, transparent),
    radial-gradient(1px 1px at 90% 35%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 55% 15%, #fff, transparent);
  opacity:0.5;
}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px; position:relative; z-index:1;}
.grad{background:linear-gradient(90deg,var(--v),var(--b)); -webkit-background-clip:text; background-clip:text; color:transparent;}
header{border-bottom:1px solid var(--border); position:sticky; top:0; background:rgba(8,11,28,0.85); backdrop-filter:blur(8px); z-index:10;}
.nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:1080px; margin:0 auto; position:relative; z-index:1;}
.brand{display:flex; align-items:center; gap:10px;}
.brand .logo-ico{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--v),var(--b)); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.brand-text b{font-weight:800; font-size:19px; display:block; line-height:1.1;}
.brand-text small{color:var(--muted); font-size:11px; font-weight:400;}
.navlinks{display:flex; gap:26px; font-size:14px; color:var(--muted);}
.burger{display:none; flex-direction:column; gap:5px; cursor:pointer;}
.burger span{width:22px; height:2px; background:var(--ink); border-radius:2px;}
.btn{display:inline-block; padding:12px 22px; border-radius:10px; font-weight:600; font-size:14px; border:none; cursor:pointer;}
.btn-primary{background:linear-gradient(90deg,var(--v),var(--b)); color:#0A0A18;}
.btn-outline{border:1px solid var(--border); color:var(--ink); background:transparent;}

.hero{padding:48px 0 40px; position:relative;}
.badge{display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border); background:var(--panel); padding:8px 16px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:26px;}
.hero h1{font-size:38px; font-weight:800; line-height:1.15;}
.hero p.bn{color:var(--b); font-family:'Hind Siliguri',sans-serif; font-size:16px; margin-top:16px; max-width:520px;}
.hero p.en{color:var(--muted); font-size:15px; margin-top:14px; max-width:500px;}
.hero-cta{display:flex; gap:14px; margin-top:28px; flex-wrap:wrap;}

.orbit{display:flex; justify-content:center; padding:44px 0 8px; position:relative; z-index:1;}
.orbit-ring{width:220px; height:220px; border-radius:50%; border:1px solid rgba(140,108,242,0.35); position:relative; display:flex; align-items:center; justify-content:center;}
.orbit-ring:before{content:"";position:absolute; inset:-30px; border:1px solid rgba(63,199,244,0.18); border-radius:50%;}
.orbit-core{width:58px; height:58px; border-radius:50%; background:radial-gradient(circle at 35% 30%, rgba(255,255,255,0.15), transparent 60%), linear-gradient(135deg,#1a2450,#0d1230); border:1px solid rgba(140,108,242,0.5); display:flex; align-items:center; justify-content:center; box-shadow:0 0 30px rgba(140,108,242,0.45);}
.orbit-ico{position:absolute; width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(0,0,0,0.35);}
.o1{top:-27px; left:50%; transform:translateX(-50%); background:#1877F2;}
.o2{top:36px; right:-27px; background:radial-gradient(circle at 30% 110%, #FED373, transparent 55%), radial-gradient(circle at 30% 30%, #C13584, transparent 60%), linear-gradient(135deg,#405DE6,#5B51D8,#833AB4,#C13584,#E1306C,#FD1D1D,#F56040,#FFDC80);}
.o3{bottom:36px; right:-27px; background:#FF0000;}
.o4{bottom:-27px; left:50%; transform:translateX(-50%); background:#010101;}
.o5{bottom:36px; left:-27px; background:#0A66C2;}
.o6{top:36px; left:-27px; background:#0A0A0A;}
.orbit-ico svg{width:26px; height:26px;}

.stats{display:flex; border:1px solid var(--border); background:var(--panel); border-radius:16px; margin:44px 0; flex-wrap:wrap;}
.stat{flex:1 1 140px; text-align:center; padding:22px 12px; border-right:1px solid var(--border);}
.stat:last-child{border-right:none;}
.stat svg{width:22px; height:22px; color:var(--b); margin-bottom:8px;}
.stat b{display:block; font-size:23px; font-weight:800;}
.stat span{color:var(--muted); font-size:12px;}

section{padding:44px 0; position:relative; z-index:1;}
.section-head{text-align:center; margin-bottom:34px;}
.kicker-row{display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:8px;}
.kicker-row .line{width:26px; height:1px; background:var(--border);}
.kicker{color:var(--v); font-weight:700; font-size:12px; letter-spacing:0.06em;}
.section-head h2{font-size:27px; font-weight:800;}
.section-head p{color:var(--muted); font-size:14px; margin-top:10px; max-width:480px; margin-left:auto; margin-right:auto;}

.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px;}
.card{background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:22px 16px; text-align:center;}
.card .ico{width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; box-shadow:0 4px 14px rgba(0,0,0,0.3);}
.card .ico svg{width:26px; height:26px;}
.card h3{font-size:15px; font-weight:700;}
.card p{color:var(--muted); font-size:12px; margin-top:6px;}
.card a{display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-size:12px; color:var(--b); font-weight:600;}

.steps{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}
.step{background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:24px;}
.step .n{font-weight:800; font-size:22px; color:var(--b);}
.step h3{font-size:16px; font-weight:700; margin-top:10px;}
.step p{color:var(--muted); font-size:13px; margin-top:6px;}

details{border:1px solid var(--border); background:var(--panel); border-radius:12px; padding:16px 18px; margin-bottom:12px;}
summary{cursor:pointer; font-weight:600; font-size:14px; list-style:none;}
summary::-webkit-details-marker{display:none;}
summary:before{content:"+"; color:var(--b); margin-right:10px;}
details[open] summary:before{content:"–";}
details p{color:var(--muted); font-size:13px; margin-top:10px; padding-left:20px;}

.pay{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.pay span{border:1px solid var(--border); background:var(--panel); padding:10px 16px; border-radius:10px; font-size:13px; color:var(--muted); display:inline-flex; align-items:center; gap:8px;}

.float{position:fixed; right:18px; bottom:18px; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,0.4); z-index:20;}
.wa{background:#25D366; bottom:78px;}
.tg{background:#3FC7F4;}
.float svg{width:24px; height:24px;}

.login-box{max-width:420px; margin:0 auto; background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:28px;}
.login-box input{width:100%; padding:12px 14px; margin-bottom:14px; border-radius:10px; border:1px solid var(--border); background:rgba(255,255,255,0.03); color:var(--ink); font-size:14px;}
.login-box label{font-size:13px; color:var(--muted); display:block; margin-bottom:6px;}
.msg{max-width:420px; margin:0 auto 20px; padding:12px 16px; border-radius:10px; font-size:13px;}
.msg.error{background:rgba(255,80,80,0.1); border:1px solid rgba(255,80,80,0.3); color:#ff9d9d;}
.msg.success{background:rgba(80,255,150,0.1); border:1px solid rgba(80,255,150,0.3); color:#8affc2;}

footer{border-top:1px solid var(--border); padding:32px 0 60px; text-align:center; position:relative; z-index:1;}
.foot-links{display:flex; gap:18px; justify-content:center; font-size:13px; color:var(--muted); margin-top:12px; flex-wrap:wrap;}
.foot-note{color:var(--muted); font-size:12px; margin-top:18px;}

@media(max-width:640px){
  .navlinks,.nav>.btn{display:none;}
  .burger{display:flex;}
  .hero h1{font-size:29px;}
}