:root{--blue:#119fff;--cyan:#2ee7ff;--purple:#914dff;--line:rgba(65,170,255,.35)}
*{box-sizing:border-box}body{margin:0;background:#020712;color:white;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.bg{position:fixed;inset:0;z-index:-5;background:#020712 center top/cover no-repeat;filter:saturate(1.12) contrast(1.06);transition:background-image .4s ease}
body.home .bg{background-image:url('assets/hero-home.png')}body.about .bg{background-image:url('assets/hero-about.png')}body.tokenomics .bg{background-image:url('assets/hero-tokenomics.png')}body.roadmap .bg{background-image:url('assets/hero-roadmap.png')}body.mission .bg{background-image:url('assets/hero-mission.png')}body.ai .bg{background-image:url('assets/hero-ai.png')}body.whitepaper .bg{background-image:url('assets/hero-whitepaper.png')}body.community .bg{background-image:url('assets/hero-community.png')}
.bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,13,.68),rgba(1,5,13,.08) 48%,rgba(1,5,13,.04)),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.03) 45%,#020712 88%)}
#starfield{position:fixed;inset:0;z-index:-3;pointer-events:none}.nebula-glow{position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(circle at 72% 38%,rgba(0,135,255,.10),transparent 35%),radial-gradient(circle at 50% 20%,rgba(128,70,255,.09),transparent 30%);animation:breathe 8s ease-in-out infinite}@keyframes breathe{50%{opacity:.55;filter:blur(2px)}}.meteor{position:fixed;width:180px;height:2px;background:linear-gradient(90deg,transparent,#fff,#1ee0ff);box-shadow:0 0 18px #18d7ff;z-index:-2;opacity:0;transform:rotate(-28deg);animation:meteor 9s linear infinite}.one{left:58%;top:12%}.two{left:28%;top:24%;animation-delay:4s}.three{left:74%;top:18%;animation-delay:7s}@keyframes meteor{0%{opacity:0;transform:translate(0,0) rotate(-28deg)}10%{opacity:1}28%{opacity:0;transform:translate(520px,300px) rotate(-28deg)}100%{opacity:0}}
.topbar{height:92px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(0,5,13,.38);backdrop-filter:blur(12px);border-bottom:1px solid rgba(60,150,255,.12)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 20px rgba(0,170,255,.55)}.brand b{font-family:Orbitron;font-size:25px;letter-spacing:2px}.brand i{font-style:normal;color:#20a7ff}.brand small{display:block;font-family:Orbitron;font-size:10px;letter-spacing:5px;margin-top:5px}nav{display:flex;gap:28px;align-items:center}nav a{font-family:Orbitron;font-size:13px;font-weight:800;padding:15px 0;border-bottom:2px solid transparent}nav a.active,nav a:hover{color:var(--cyan);border-bottom-color:var(--blue);text-shadow:0 0 14px var(--blue)}.actions{display:flex;gap:12px}.launch,.lang{font-family:Orbitron;border:1px solid var(--line);border-radius:10px;background:rgba(0,8,23,.65);padding:14px 18px;color:#8deaff}#hamb{display:none;background:none;border:0;color:white;font-size:30px}
.page-hero{min-height:650px;max-width:1640px;margin:0 auto;padding:80px 40px 30px;display:flex;align-items:center}.vision-box{width:min(480px,92vw);padding:24px 0}.vision-box h1{font-family:Inter;font-size:clamp(44px,4.5vw,74px);line-height:1.1;margin:0 0 28px;font-weight:950;letter-spacing:1px}.vision-box h1 span{background:linear-gradient(90deg,#0ecaff,#2d7bff,#9c4fff);-webkit-background-clip:text;background-clip:text;color:transparent}.vision-box p{font-size:22px;line-height:1.35;color:#f1f6ff;margin:0 0 26px}.vision-box p b,.vision-list b{color:var(--cyan)}.vision-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}.vision-list li{border-left:3px solid var(--blue);padding-left:16px}.vision-list b{display:block;text-transform:uppercase;font-size:13px}.vision-list span{display:block;color:white;line-height:1.5}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:16px 24px;border:1px solid var(--line);background:rgba(1,10,25,.72);font-weight:900;box-shadow:0 0 20px rgba(0,150,255,.16);cursor:pointer}.btn.primary{color:#8df0ff;background:rgba(0,84,170,.42);box-shadow:0 0 28px rgba(0,150,255,.36)}
.stats{max-width:1570px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:12px;background:rgba(0,8,22,.82);box-shadow:0 0 30px rgba(0,125,255,.18);overflow:hidden}.stats div{display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding:22px 28px;border-right:1px solid rgba(80,165,255,.28)}.stats i{grid-row:1/3;font-style:normal;font-size:33px;filter:drop-shadow(0 0 8px var(--blue))}.stats b{font-size:22px}.stats span{font-size:12px;color:#8ee8ff;font-weight:700}
.cards{max-width:1570px;margin:0 auto 35px;display:grid;grid-template-columns:1.05fr 1.25fr 1.05fr 1.6fr 1.45fr;gap:14px}.card,.grid article,.tokenpanel,.timeline div,.chat,.game{border:1px solid rgba(50,160,255,.34);border-radius:11px;background:linear-gradient(150deg,rgba(3,12,28,.92),rgba(1,6,17,.78));padding:22px;overflow:hidden;position:relative;box-shadow:inset 0 0 24px rgba(0,120,255,.09)}.card{min-height:260px}.card h3,.grid h2,.tokenpanel h2{font-family:Orbitron;color:var(--cyan);margin:0 0 8px}.phoneui{width:150px;height:210px;border:2px solid #5d7792;border-radius:24px;transform:rotate(-12deg);margin:24px auto -40px;background:radial-gradient(circle at 50% 65%,rgba(0,195,255,.35),#020712 50%);display:grid;place-items:center;text-align:center;box-shadow:0 0 26px rgba(0,150,255,.45)}.phoneui b{color:#23eaff;font-size:21px}.art{font-size:58px;display:grid;place-items:center;height:170px}.robot{width:165px;height:165px;border-radius:50%;margin:25px auto 0;display:grid;place-items:center;font-size:48px;font-weight:900;background:radial-gradient(circle,#033760,#010711);border:1px solid #1ca7ff;box-shadow:0 0 30px rgba(0,170,255,.45)}.tokenrow{display:grid;grid-template-columns:205px 1fr;gap:20px}.donut,.bigdonut{width:195px;height:195px;border-radius:50%;background:conic-gradient(#10baff 0 65%,#2fe6c8 65% 75%,#62a7ff 75% 85%,#954dff 85% 90%,#8548f2 90% 95%,#743ee0 95% 98%,#3246ff 98% 100%);position:relative}.donut:after,.bigdonut:after{content:'';position:absolute;inset:50px;border-radius:50%;background:#020712}.donut b,.donut span,.bigdonut b,.bigdonut span{position:absolute;z-index:2;left:0;right:0;text-align:center}.donut b{top:72px;font-size:38px}.donut span{top:116px}.tower{height:190px;border-radius:12px;background:radial-gradient(circle at 65% 30%,rgba(65,165,255,.45),transparent 35%),linear-gradient(180deg,transparent,#071123)}
.grid{max-width:1450px;margin:0 auto 40px;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tokenpanel{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:330px 1fr;gap:35px;align-items:center}.bigdonut{width:310px;height:310px}.bigdonut:after{inset:78px}.bigdonut b{top:120px;font-size:54px}.bigdonut span{top:180px}.alloc{list-style:none;padding:0}.alloc li{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0}.timeline{max-width:1200px;margin:0 auto 40px;display:grid;gap:16px;padding:0 40px}.timeline b{color:var(--cyan);font-family:Orbitron}.game{max-width:1250px;margin:0 auto 40px;display:grid;grid-template-columns:290px 1fr;gap:18px}#gameCanvas{width:100%;height:520px;background:rgba(0,10,25,.75);border-radius:12px}.score{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0}.chat{max-width:900px;margin:0 auto 40px}#chatLog{min-height:300px}.chat-row{display:flex;gap:10px}.chat input{flex:1;background:#030b17;border:1px solid var(--line);border-radius:10px;color:white;padding:15px}footer{max-width:1570px;margin:0 auto;padding:18px 30px 30px;text-align:center;color:#99b4cc}.socials{display:flex;gap:14px;align-items:center;justify-content:center}.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#8eeaff;background:rgba(0,8,22,.8)}.ai-float{position:fixed;right:25px;bottom:25px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#008dff,#7b36ff);box-shadow:0 0 26px rgba(0,150,255,.65);font-size:26px}
@media(max-width:1100px){nav{display:none;position:absolute;left:0;right:0;top:92px;background:#020712;flex-direction:column;padding:22px}nav.open{display:flex}#hamb{display:block}.lang{display:none}.page-hero{min-height:560px}.stats{grid-template-columns:repeat(2,1fr)}.cards,.grid{grid-template-columns:1fr}.tokenpanel,.game{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{padding:0 16px;height:82px}.brand b{font-size:18px}.brand small{font-size:8px}.brand img{width:48px;height:48px}.page-hero{min-height:520px;padding:45px 22px 20px}.vision-box h1{font-size:42px}.vision-box p{font-size:18px}.stats{grid-template-columns:1fr;margin:0 18px 18px}.cards{margin:0 18px 28px;grid-template-columns:1fr}.tokenrow{grid-template-columns:1fr}.grid,.timeline{padding:0 22px}.launch{display:none}}