@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070914;--panel:#0d1328;--line:#252f55;--purple:#9b35ff;--blue:#21bfff;--cyan:#3bf4dc;--white:#f6f7ff;--muted:#aab4d3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#4920832a,transparent 30%),radial-gradient(ellipse at 92% 25%,#006a8b20,transparent 28%),var(--bg);color:var(--white);font-family:"Hind Siliguri",Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:#070914ed;backdrop-filter:blur(18px);border-bottom:1px solid #252f55}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:1.06rem;font-weight:900;letter-spacing:.5px;white-space:nowrap}.brand img{filter:drop-shadow(0 0 12px #8c32ff55)}.brand small{display:block;font-size:.62rem;letter-spacing:2px;color:var(--muted);font-weight:600}.nav-links{display:flex;gap:17px;font:500 .81rem Inter,sans-serif;color:#dce2f8}.nav-links a:hover{color:var(--cyan)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 16px;font-weight:800}.nav-cta,.primary{background:linear-gradient(105deg,#9827ff,#4c48ff);border:1px solid #9c51ff;color:white;box-shadow:0 8px 28px #792cff22}.menu-toggle{display:none;background:#101832;border:1px solid var(--line);color:white;border-radius:9px;padding:8px 11px}
.hero{min-height:465px;padding:50px 0 42px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:24px;overflow:hidden}.eyebrow{font:800 .73rem Inter,sans-serif;letter-spacing:1.8px;color:var(--blue);margin:0 0 10px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:6px}.hero h1{font:900 clamp(2.8rem,6vw,5.2rem)/.98 Inter,sans-serif;letter-spacing:-2px;margin:12px 0}.hero h1 span{color:#a445ff;text-shadow:0 0 35px #8b27ff44}.hero h2{font-size:1.45rem;margin:0 0 10px}.hero-text{max-width:570px;color:#c1c9e2;font-size:1.03rem}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.button{font-size:.92rem}.ghost{border:1px solid #8543d6;background:#0b1023;color:white}.hero-mini{display:flex;gap:15px;flex-wrap:wrap;color:#9ca9cb;font-size:.76rem;margin-top:24px}.hero-visual{height:340px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:90%;height:100%;background:radial-gradient(ellipse,#6326b855,transparent 65%);filter:blur(8px)}.orbit{position:absolute;border-radius:50%;border:1px solid #8849ff77;box-shadow:0 0 45px #752bff22}.orbit-one{width:300px;height:300px}.orbit-two{width:235px;height:235px;border-style:dashed;border-color:#20caff77}.hero-symbol{width:175px;height:175px;display:grid;place-items:center;position:relative;border:1px solid #ffffff2b;border-radius:38px;transform:rotate(-8deg);background:linear-gradient(145deg,#261542,#0c1c34);font:900 6rem Inter,sans-serif;color:white;text-shadow:0 0 25px #9b35ff;box-shadow:0 0 65px #8a34ff32}.hero-symbol span{color:var(--cyan);font-size:2rem;position:absolute;right:22px;top:18px}.float-card{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 13px;background:#0b1125ed;border:1px solid #34406e;border-radius:12px;box-shadow:0 12px 28px #0006;font-size:1.2rem}.float-card b{display:block;font:800 .72rem Inter,sans-serif}.float-card small{display:block;font-size:.7rem;color:var(--muted)}.float-top{top:12px;left:0}.float-right{top:110px;right:0}.float-bottom{bottom:10px;left:5%}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 auto 35px}.stat-row>div{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,#111832,#090e1e)}.stat-row b,.stat-row span{display:block}.stat-row span{font-size:.8rem;color:var(--muted)}
.section{padding:53px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.15;margin:4px 0 0}.section-heading>p{max-width:560px;color:var(--muted);margin:0}.topic-search{width:min(270px,100%);padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#0d1428;color:white;outline:none}.topic-search:focus{border-color:var(--cyan)}.topic-grid,.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card,.info-card{background:linear-gradient(145deg,#101832,#090e1d);border:1px solid #242f56;border-radius:16px;overflow:hidden;transition:.22s}.topic-card:hover,.info-card:hover{transform:translateY(-4px);border-color:#8744e5;box-shadow:0 14px 35px #0004}.topic-art{height:130px;display:grid;place-items:center;font-size:3.8rem;position:relative;overflow:hidden}.topic-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 23px,#ffffff08 24px 25px)}.art-purple{background:radial-gradient(circle at 50% 30%,#6026a9,#101733 70%)}.art-blue{background:radial-gradient(circle at 50% 30%,#075b9a,#101733 70%)}.art-cyan{background:radial-gradient(circle at 50% 30%,#006b7e,#101733 70%)}.topic-content{padding:18px}.topic-content h3,.info-card h3{margin:0 0 7px;font-size:1.08rem}.topic-content p,.info-card p{color:var(--muted);font-size:.91rem;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.tags span{font:700 .62rem Inter,sans-serif;color:#cbd4f1;border:1px solid #2a355d;background:#ffffff06;border-radius:30px;padding:4px 8px}.text-link{display:inline-block;color:var(--cyan);font-weight:800;font-size:.84rem;margin-top:14px}.empty-state{color:var(--muted);padding:18px}.info-card{padding:22px}.info-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#8c35ff20;font-size:1.5rem;margin-bottom:15px}.info-card p b{color:#fff}.notice{display:flex;gap:12px;background:#ffc8570c;border:1px solid #a77d384c;border-radius:12px;padding:14px 16px;margin-top:16px;color:#ffdb8b}.notice div{color:var(--muted)}
.build-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;background:linear-gradient(120deg,#171039,#0b1c31);border:1px solid #3b3166;border-radius:17px;padding:25px}.build-intro{align-self:center}.big-code{font:900 3rem Inter,sans-serif;color:var(--cyan);text-shadow:0 0 25px #21bfff66}.build-intro h3{font-size:1.5rem;margin:5px 0}.build-intro p{color:var(--muted)}.steps{display:grid;gap:10px}.steps>div{display:flex;gap:12px;align-items:center;padding:12px;background:#070b19a8;border:1px solid #253156;border-radius:11px}.steps i{font:800 .85rem Inter,sans-serif;font-style:normal;display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:linear-gradient(130deg,#8e29ff,#276aff)}.steps b,.steps small{display:block}.steps small{color:var(--muted);font-size:.83rem}.roadmap{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;background:linear-gradient(110deg,#171039,#0b1c31);border:1px solid #43316d;border-radius:17px;padding:25px}.roadmap h2{margin:4px 0;font-size:1.8rem}.roadmap p:not(.eyebrow){color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 8px}.timeline>div{text-align:center;font-size:.78rem}.timeline i{font-style:normal;width:42px;height:42px;border:1px solid #713cff;border-radius:50%;display:grid;place-items:center;background:#151237;margin:0 auto 6px;font-size:1.2rem}.timeline b,.timeline small{display:block}.timeline small{color:var(--muted)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:#0e152b;border:1px solid var(--line);border-radius:12px;padding:15px}.faq-grid summary{font-weight:800;cursor:pointer}.faq-grid p{color:var(--muted);font-size:.9rem;margin-bottom:0}.final-cta{text-align:center;padding:36px 20px;border:1px solid #3b3675;border-radius:18px;background:radial-gradient(ellipse at top,#6324a844,transparent 70%),#0c1226;margin-bottom:50px}.final-cta h2{font-size:clamp(1.8rem,4vw,2.7rem);margin:4px 0}.final-cta>p:not(.eyebrow){color:var(--muted);margin:8px auto 20px;max-width:620px}
footer{background:#050710;border-top:1px solid #222c50;padding:28px 0;color:var(--muted);font-size:.85rem}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:22px}.footer-main b{color:white}.footer-main a:not(.brand){display:block;margin-top:5px}.footer-main p{margin-top:7px}.copyright{border-top:1px solid #1d2544;margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:980px){.nav-links{display:none;position:absolute;top:70px;left:4%;right:4%;padding:16px;background:#0d1428;border:1px solid var(--line);border-radius:13px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.hero{grid-template-columns:1fr 1fr}.topic-grid,.three-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.nav{height:68px}.hero{grid-template-columns:1fr;padding-top:36px}.hero-visual{height:285px}.orbit-one{width:245px;height:245px}.orbit-two{width:190px;height:190px}.hero-symbol{width:140px;height:140px;font-size:5rem;border-radius:30px}.float-card{padding:8px 10px}.float-right{right:0}.stat-row{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.topic-search{width:100%}.topic-grid,.three-grid,.faq-grid{grid-template-columns:1fr}.build-grid,.roadmap{grid-template-columns:1fr;padding:20px}.timeline{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-1px}}