:root{
  --bg:#030511;--panel:#080b1d;--panel2:#0d1028;--text:#f4f5ff;--muted:#9b9fb9;
  --gold:#ffcc45;--gold2:#ff9d00;--purple:#b44dff;--blue:#4e8cff;--cyan:#23e6d2;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#01020a;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}

.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}.header{height:90px;border-bottom:1px solid rgba(164,116,255,.22);display:flex;align-items:center;padding:0 4vw;gap:30px;position:sticky;top:0;background:rgba(3,5,17,.82);backdrop-filter:blur(18px);z-index:10}
.brand{display:flex;align-items:center;gap:10px;min-width:225px}.brand-mark{width:42px;height:42px;border-radius:14px 7px 14px 7px;display:grid;place-items:center;border:1px solid #ffce55;color:#ffd56b;font-family:Orbitron;font-size:23px;font-weight:800;box-shadow:0 0 20px #ff9d0044, inset 0 0 15px #ff9d0022;transform:rotate(-8deg)}.brand-text{font-family:Orbitron;line-height:1}.brand-text strong{display:block;font-size:17px;letter-spacing:1px}.brand-text small{display:block;color:#bdb9d0;font-size:8px;letter-spacing:3px;margin-top:5px}
.nav{display:flex;align-items:center;justify-content:center;gap:28px;flex:1}.nav a{font-size:11px;font-weight:700;color:#c4c6d4;position:relative;padding:35px 0}.nav a:hover,.nav a.active{color:var(--gold)}.nav a.active:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 12px var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:13px;padding:15px 24px;font-size:12px;font-weight:800;letter-spacing:.3px;transition:.25s}.btn span{font-size:19px}.btn-gold{background:linear-gradient(135deg,#ffdc5c,#ff9d12);color:#0b0910;box-shadow:0 0 28px #ffae243d;border:1px solid #ffe071}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 0 38px #ffae2470}.btn-outline{border:1px solid #a74dff88;background:#090a1b;color:#e9e6f7}.btn-outline:hover{border-color:#d579ff;box-shadow:0 0 25px #9d42ff33}.menu-btn{display:none;background:none;border:1px solid #4a4165;color:#fff;border-radius:50%;width:42px;height:42px;font-size:20px}
.section{max-width:1120px;margin:auto;padding:90px 35px}.hero{min-height:610px;padding-top:50px;padding-bottom:35px;display:grid;grid-template-columns:48% 52%;align-items:center}.chain-pill{display:inline-flex;gap:9px;align-items:center;padding:10px 17px;border:1px solid #b15cff;border-radius:24px;background:#0b0b1c;font-size:12px;font-weight:700}.chain-pill b{color:#9b69ff}.hero h1{font-family:Orbitron;font-size:76px;line-height:.91;letter-spacing:-3px;margin:20px 0 18px;text-shadow:0 0 30px #fff2}.hero h1 span{background:linear-gradient(90deg,#b33dff,#fff,#ffc83e);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:15px;font-weight:800;letter-spacing:4px;line-height:1.6}.tagline em{font-style:normal;color:var(--gold)}.hero-desc{color:#aeb1c3;line-height:1.65;font-size:13px;max-width:520px}.hero-actions{display:flex;gap:14px;margin:27px 0}.quick-links{display:flex;gap:0;border:1px solid #63478a;border-radius:28px;width:max-content;overflow:hidden}.quick-links a{padding:11px 18px;font-size:11px;color:#d0ccdc;border-right:1px solid #3c3155}.quick-links a:last-child{border:0}.qicon{color:#d679ff;margin-right:7px}
.hero-visual{height:550px;position:relative;display:grid;place-items:center}.coin-wrap{position:relative;z-index:2;transform:rotate(-9deg)}.coin{width:420px;height:420px;border-radius:50%;padding:13px;background:linear-gradient(145deg,#fff0a0,#d87b00 22%,#ffd44f 48%,#a85000 72%,#fff0a0);box-shadow:0 0 45px #ff9d0059,0 0 110px #ff9d0027,18px 20px 0 -5px #8b4500,24px 27px 0 -7px #ffc33a}.coin-face{height:100%;border-radius:50%;position:relative;overflow:hidden;border:2px solid #9c5d00;background:radial-gradient(circle at 48% 37%,#ffc73d 0,#bd6507 34%,#201004 66%,#080507 100%);box-shadow:inset 0 0 35px #ffdf6b44}.coin-face:before{content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed #ffdb6655;box-shadow:inset 0 0 20px #ffb00055}.coin-rim-text{position:absolute;width:100%;text-align:center;font-family:Orbitron;color:#ffe39a;font-size:13px;font-weight:700;letter-spacing:3px;z-index:2}.coin-rim-text.top{top:43px}.coin-rim-text.bottom{bottom:40px;font-size:10px;letter-spacing:2px}.coin-emblem{position:absolute;inset:90px;display:grid;place-items:center}.c-mark{font-family:Orbitron;font-size:115px;font-weight:800;color:#ffd54d;text-shadow:4px 5px 0 #7a3600,0 0 18px #ff9e00;z-index:2}.wave{position:absolute;width:115px;height:28px;border-radius:100%;border:9px solid #ffbd24;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(25deg);filter:drop-shadow(0 0 5px #ffb000)}.w1{right:-12px;top:40px}.w2{right:-35px;top:80px;transform:rotate(15deg) scale(.82)}.w3{right:-40px;top:120px;transform:rotate(8deg) scale(.65)}.coin-stars{position:absolute;inset:0;display:grid;place-items:center;color:#fff0a0;font-size:14px;letter-spacing:65px;transform:translateX(33px) translateY(-1px)}
.coin-glow{position:absolute;width:430px;height:80px;background:#ff9d00;filter:blur(50px);opacity:.38;bottom:-45px;left:50%;transform:translateX(-50%)}.orbit{position:absolute;border:1px solid #6b38b5;border-radius:50%;opacity:.65;transform:rotate(-15deg)}.orbit-a{width:510px;height:180px;box-shadow:0 0 25px #8d43ff33}.orbit-b{width:570px;height:230px;border-color:#ff9d0055;transform:rotate(12deg)}.platform{position:absolute;bottom:28px;width:590px;height:125px;transform:perspective(450px) rotateX(62deg);border-radius:50%;background:radial-gradient(ellipse,#160c31 0,#08091c 58%,transparent 59%);border:1px solid #6d36b6;box-shadow:0 0 25px #8f42ff44}.platform-ring{position:absolute;inset:13px;border-radius:50%;border:2px solid #ffb51e66;box-shadow:0 0 15px #ff9d0044}.platform-core{position:absolute;inset:35px;border-radius:50%;border:1px solid #6e5cff;box-shadow:inset 0 0 30px #7237c8}.visual-badge{position:absolute;z-index:3;border:1px solid #6d44bb;background:#07091aee;box-shadow:0 0 22px #6825a933;color:#e5dff1}.badge-top{right:-2px;top:125px;padding:14px 18px;font-family:Orbitron;font-size:16px;line-height:1.4}.badge-top small{color:#d671ff}.badge-bottom{right:-10px;bottom:145px;padding:12px 17px;display:grid;gap:7px;font-size:8px;letter-spacing:1px}.badge-bottom b:before{content:"◉";color:#b55cff;margin-right:7px}
.stats{max-width:1120px;margin:0 auto;padding:20px 15px;display:grid;grid-template-columns:1.35fr 1fr 1.35fr .8fr 1.25fr;border:1px solid #654196;border-radius:26px;background:linear-gradient(90deg,#09091b,#080a19);box-shadow:0 0 35px #5e26a722}.stats>div{display:grid;grid-template-columns:45px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:8px 17px;border-right:1px solid #33284d}.stats>div:last-child{border:0}.stats .stat-icon{grid-row:1/3;display:grid;place-items:center;border:1px solid #8140bf;border-radius:50%;width:38px;height:38px;color:#dc77ff;font-family:Orbitron}.stats .stat-icon.gold{color:#ffd24a;border-color:#9e6b19}.stats small{font-size:8px;color:#85889f;letter-spacing:1px}.stats strong{font-size:12px;margin-top:4px}
.eyebrow{color:#bb72ff;letter-spacing:3px;font-size:11px;font-weight:800;text-align:center}.intro{text-align:center;padding-bottom:55px}.intro h2,.roadmap h2,.contact h2,.buy-panel h2{font-family:Orbitron;font-size:29px;letter-spacing:1px;margin:12px 0}.intro h2 span,.roadmap h2 span,.contact h2 span,.buy-panel h2 span{color:#b85cff}.section-lead{color:#8f93aa;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:34px;text-align:left}.feature-card{min-height:170px;padding:24px 20px;border-radius:13px;background:linear-gradient(145deg,#10132d,#090b1c);border:1px solid #3b3c66;position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(45px);opacity:.12;right:-20px;bottom:-20px;background:currentColor}.feature-icon{width:53px;height:53px;border:1px solid currentColor;border-radius:11px;display:grid;place-items:center;font-size:27px;margin-bottom:16px}.feature-card h3{font-size:14px;line-height:1.4;margin:0 0 12px}.feature-card p{color:#9498ae;font-size:10px;line-height:1.55;margin:0}.blue{color:#6ea5ff}.purple{color:#bb63ff}.cyan{color:#2ee7d3}.violet{color:#ce68ff}
.tokenomics{padding-top:35px}.section-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #26233d;margin-bottom:12px}.section-title-row h2{font-family:Orbitron;font-size:15px}.section-title-row span{font-size:9px;color:#6d7189;letter-spacing:2px}.token-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:8px}.token-card{height:150px;padding:24px 18px;background:linear-gradient(145deg,#0e1128,#080a19);border:1px solid #543f7a;border-radius:11px;position:relative;overflow:hidden}.token-card small{font-size:9px;color:#b3b5c6;display:block;margin-bottom:12px}.token-card strong{font-family:Orbitron;font-size:25px;line-height:1.1}.token-card:first-child strong{font-size:21px}.ring{position:absolute;right:17px;bottom:16px;width:72px;height:72px;border:7px solid #1a3546;border-top-color:#21e2d0;border-right-color:#21e2d0;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#21e2d0}.purple-card .ring{border-top-color:#bd5eff;border-right-color:#bd5eff;color:#bd5eff}.blue-card .ring{border-top-color:#5b9bff;border-right-color:#5b9bff;color:#5b9bff}.gold-card .ring{border-top-color:#ffc02d;border-right-color:#ffc02d;color:#ffc02d}.mini-coin{position:absolute;right:15px;bottom:14px;font-size:68px;color:#9f45ff88}.note{font-size:10px;color:#777b92;margin:13px 2px}
.roadmap{padding-top:55px}.roadmap{text-align:center}.roadmap-line{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px;position:relative;text-align:left}.roadmap-line:before{content:"";position:absolute;top:21px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,#a951ff,#443c6d,#a951ff)}.phase{position:relative;padding-top:45px}.phase b{position:absolute;top:0;left:0;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#0a0c20;border:1px solid #7950a8;color:#c36bff;font-family:Orbitron;font-size:11px}.phase.active b{border-color:#ffcb43;color:#ffcb43;box-shadow:0 0 18px #ffb00055}.phase h3{font-family:Orbitron;font-size:13px}.phase p{font-size:10px;color:#858aa2;line-height:1.6;max-width:220px}
.buy-section{padding-top:55px}.buy-panel{border:1px solid #654294;border-radius:20px;padding:38px;background:radial-gradient(circle at 80% 20%,#3c145c44,transparent 35%),#080a1d;box-shadow:0 0 50px #762fc21c}.buy-panel h2{text-align:left}.buy-panel>div:first-child p{color:#9095aa;font-size:12px;max-width:560px;line-height:1.6}.buy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:30px 0}.buy-steps div{border:1px solid #30284b;padding:15px;border-radius:10px;background:#0b0d21}.buy-steps b{display:block;color:#bb62ff;font-family:Orbitron;font-size:10px;margin-bottom:9px}.buy-steps span{font-size:11px}.big{min-width:280px}
.contact{padding-top:30px}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px;border-radius:22px;border:1px solid #4b326e;background:linear-gradient(120deg,#0a0d20,#11102b)}.contact h2{text-align:left;font-size:28px}.contact-card p{color:#9095aa;font-size:12px;max-width:480px;line-height:1.6}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:270px}.social{padding:15px;border:1px solid #4b3d67;border-radius:9px;text-align:center;font-size:9px;font-weight:800;color:#c4c0d3}.social:hover{border-color:#b75eff;color:#e2b7ff}
footer{border-top:1px solid #211c34;padding:28px 5vw;display:flex;justify-content:space-between;align-items:center;color:#686d84;font-size:10px}footer .brand{min-width:auto}
@media(max-width:1050px){.nav{gap:16px}.header-buy{display:none}.hero h1{font-size:64px}.coin{width:360px;height:360px}.coin-emblem{inset:75px}.c-mark{font-size:95px}.platform{width:510px}.stats{margin:0 20px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.header{height:74px;padding:0 20px}.brand{min-width:0}.nav{position:absolute;top:73px;left:12px;right:12px;display:none;flex-direction:column;gap:0;padding:10px;background:#080a1b;border:1px solid #493363;border-radius:14px;box-shadow:0 20px 50px #000}.nav.open{display:flex}.nav a{width:100%;padding:13px 16px}.nav a.active:after{display:none}.menu-btn{display:block;margin-left:auto}.section{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center}.chain-pill{margin:auto}.hero h1{font-size:54px}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions,.quick-links{justify-content:center;margin-left:auto;margin-right:auto;flex-wrap:wrap}.hero-visual{height:470px;margin-top:0}.coin{width:310px;height:310px}.coin-rim-text.top{top:33px;font-size:9px}.coin-rim-text.bottom{bottom:31px;font-size:7px}.coin-emblem{inset:60px}.c-mark{font-size:75px}.platform{width:430px;height:100px;bottom:35px}.badge-top{right:0;top:80px}.badge-bottom{right:0;bottom:110px}.stats{grid-template-columns:1fr 1fr;padding:10px}.stats>div{border-bottom:1px solid #29213f}.stats>div:nth-child(2){border-right:0}.token-grid{grid-template-columns:1fr 1fr}.token-card:first-child{grid-column:1/-1}.roadmap-line{grid-template-columns:1fr 1fr}.roadmap-line:before{display:none}.buy-steps{grid-template-columns:1fr 1fr}.contact-card{flex-direction:column;align-items:flex-start}.contact-actions{width:100%}footer{flex-direction:column;gap:15px;text-align:center}}
@media(max-width:500px){.hero h1{font-size:45px}.tagline{font-size:11px;letter-spacing:2px}.hero-actions .btn{width:100%}.quick-links{width:100%;justify-content:space-around}.quick-links a{padding:10px 9px;font-size:9px}.hero-visual{height:400px}.coin{width:260px;height:260px}.coin-emblem{inset:48px}.c-mark{font-size:64px}.coin-rim-text.top{top:27px;font-size:7px}.coin-rim-text.bottom{bottom:24px;font-size:6px}.platform{width:360px;height:75px}.visual-badge{transform:scale(.82)}.badge-top{top:80px;right:-8px}.badge-bottom{bottom:95px;right:-18px}.stats{grid-template-columns:1fr}.stats>div{border-right:0}.feature-grid,.token-grid,.roadmap-line,.buy-steps{grid-template-columns:1fr}.token-card:first-child{grid-column:auto}.contact-actions{grid-template-columns:1fr 1fr}}

.contract-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:10px;padding:13px 16px;border:1px solid #33294b;border-radius:10px;background:#080a19}
.contract-box span{font-size:8px;letter-spacing:1.5px;color:#898da3;font-weight:800}.contract-box code,.hero-contract code{font-family:monospace;color:#c7c2d8;font-size:10px;overflow-wrap:anywhere}.contract-box a{font-size:9px;color:#d073ff;font-weight:800}.hero-contract{margin-top:12px;font-size:9px;color:#74788f;letter-spacing:.5px}
@media(max-width:780px){.contract-box{grid-template-columns:1fr}.contract-box a{justify-self:start}}

/* Supplied Cirebon City Coin logo */
.brand-mark{overflow:hidden;padding:2px;transform:none}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.supplied-logo-wrap{width:440px;height:440px;display:grid;place-items:center;position:relative;z-index:2;transform:none}
.supplied-logo{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 18px #ffb00066) drop-shadow(0 0 48px #ff9d0038)}
.supplied-logo-wrap .coin-glow{bottom:-15px}
@media(max-width:1050px){
  .supplied-logo-wrap{width:380px;height:380px}
}
@media(max-width:780px){
  .supplied-logo-wrap{width:330px;height:330px}
}
@media(max-width:500px){
  .supplied-logo-wrap{width:275px;height:275px}
}

/* CHERBOND body logo showcase */
.body-logo-showcase{max-width:1120px;margin:0 auto;padding:10px 35px 40px;text-align:center;position:relative}
.body-logo-frame{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:24px;border:1px solid #4d3471;background:radial-gradient(circle at 50% 45%,#241039 0,transparent 40%),linear-gradient(145deg,#090b1d,#050713);box-shadow:0 0 45px #6d2ab52b,inset 0 0 50px #32155d22}
.body-logo-frame:before{content:"";position:absolute;inset:25px;border:1px solid #6c45a855;border-radius:20px;pointer-events:none}
.body-logo-frame:after{content:"";position:absolute;left:7%;right:7%;bottom:35px;height:1px;background:linear-gradient(90deg,transparent,#ffbd3b,#c65dff,transparent);box-shadow:0 0 18px #ffae4a88}
.body-logo-frame img{position:relative;z-index:2;max-width:430px;max-height:360px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 14px #ffb00070) drop-shadow(0 0 38px #ff9d0038);animation:cherbondFloat 5s ease-in-out infinite}
.body-logo-glow{position:absolute;width:340px;height:90px;bottom:25px;border-radius:50%;background:#ff9d00;filter:blur(50px);opacity:.18}
.body-logo-caption{padding-top:16px;display:grid;gap:7px}
.body-logo-caption span{font-size:9px;letter-spacing:3px;color:#b862ff;font-weight:800}
.body-logo-caption strong{font-family:Orbitron;font-size:14px;letter-spacing:1px;color:#e9e4f3}
@keyframes cherbondFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(max-width:780px){
  .body-logo-showcase{padding-left:20px;padding-right:20px}
  .body-logo-frame{height:330px}
  .body-logo-frame img{max-width:310px;max-height:295px}
}
@media(max-width:500px){
  .body-logo-frame{height:270px}
  .body-logo-frame:before{inset:14px}
  .body-logo-frame img{max-width:245px;max-height:235px}
  .body-logo-caption strong{font-size:11px}
}

/* 3D CHERBOND body animation */
.body-3d-showcase{max-width:1120px;margin:0 auto;padding:20px 35px 55px;text-align:center;perspective:1400px}
.scene-3d{height:500px;position:relative;overflow:hidden;border:1px solid #543777;border-radius:26px;background:
radial-gradient(circle at 50% 42%,#42205f33 0,transparent 27%),
radial-gradient(circle at 50% 70%,#ff9d0018 0,transparent 22%),
linear-gradient(145deg,#07091a,#030510 72%);box-shadow:0 0 60px #6f2db52a,inset 0 0 80px #36145c1c;transform-style:preserve-3d}
.scene-3d:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(131,87,209,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(131,87,209,.08) 1px,transparent 1px);background-size:45px 45px;transform:perspective(600px) rotateX(62deg) scale(1.6);transform-origin:50% 90%;opacity:.4}
.scene-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:73px 67px;opacity:.22;animation:starsMove 12s linear infinite}
.platform-3d{position:absolute;left:50%;bottom:25px;width:600px;height:150px;transform:translateX(-50%) rotateX(66deg);transform-style:preserve-3d}
.platform-disc{position:absolute;inset:0;border-radius:50%;border:1px solid #8951bd;background:radial-gradient(ellipse,#211037 0 25%,#0b0b20 58%,transparent 59%);box-shadow:0 0 35px #7f38d655,inset 0 0 40px #a34cff33}
.platform-disc:before,.platform-disc:after{content:"";position:absolute;border-radius:50%;inset:14px;border:1px solid #ffbd3b88;box-shadow:0 0 18px #ff9d0044}
.platform-disc:after{inset:31px;border-color:#6f62ff88}
.platform-light{position:absolute;width:430px;height:75px;left:50%;top:35px;transform:translateX(-50%);border-radius:50%;background:#ffad19;filter:blur(42px);opacity:.18}
.coin-3d{position:absolute;left:50%;top:46%;width:370px;height:370px;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:coinFloat3d 5s ease-in-out infinite}
.coin-face-3d{position:absolute;inset:0;border-radius:50%;transform:translateZ(18px);backface-visibility:hidden;overflow:hidden;border:3px solid #ffca3a;background:#120c05;box-shadow:0 0 28px #ffb21d88,0 0 70px #ff9d0033}
.coin-face-3d img{width:100%;height:100%;object-fit:contain;display:block}
.coin-depth{position:absolute;inset:0;border-radius:50%;background:#6d3500;border:2px solid #d77b09;transform:translateZ(8px)}
.depth-1{transform:translateZ(14px);filter:brightness(.9)}
.depth-2{transform:translateZ(7px);filter:brightness(.72)}
.depth-3{transform:translateZ(0);filter:brightness(.52)}
.coin-edge{position:absolute;inset:-1px;border-radius:50%;border:7px solid #e28a0b;transform:translateZ(-1px);box-shadow:inset 0 0 0 2px #5b2b00}
.energy-ring{position:absolute;left:50%;top:46%;border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);border:1px solid #a64cff66;pointer-events:none}
.ring-1{width:470px;height:470px;animation:ringSpin1 11s linear infinite}
.ring-2{width:520px;height:520px;border-color:#ffbd3b55;animation:ringSpin2 15s linear infinite}
.ring-3{width:590px;height:590px;border-color:#4b9cff44;animation:ringSpin1 20s linear infinite reverse}
.scan-line{position:absolute;left:10%;right:10%;height:1px;top:20%;background:linear-gradient(90deg,transparent,#ffd15c,transparent);box-shadow:0 0 15px #ffc33d;opacity:.45;animation:scan3d 4s ease-in-out infinite}
.body-3d-showcase .body-logo-caption{padding-top:18px;display:grid;gap:7px}
.body-3d-showcase .body-logo-caption span{font-size:9px;letter-spacing:3px;color:#c069ff;font-weight:800}
.body-3d-showcase .body-logo-caption strong{font-family:Orbitron;font-size:15px;letter-spacing:1px;color:#ece7f6}
.body-3d-showcase .body-logo-caption small{font-size:8px;letter-spacing:2px;color:#73788e}
@keyframes coinFloat3d{0%,100%{transform:translate(-50%,-50%) translateY(0) rotateY(-12deg) rotateX(4deg)}25%{transform:translate(-50%,-50%) translateY(-12px) rotateY(18deg) rotateX(-3deg)}50%{transform:translate(-50%,-50%) translateY(-4px) rotateY(12deg) rotateX(5deg)}75%{transform:translate(-50%,-50%) translateY(-14px) rotateY(-20deg) rotateX(-4deg)}}
@keyframes ringSpin1{from{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}}
@keyframes ringSpin2{from{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0)}}
@keyframes starsMove{from{transform:translateY(0)}to{transform:translateY(45px)}}
@keyframes scan3d{0%,100%{top:18%;opacity:.1}50%{top:78%;opacity:.7}}
@media(max-width:780px){
  .body-3d-showcase{padding-left:20px;padding-right:20px}
  .scene-3d{height:430px}
  .coin-3d{width:300px;height:300px}
  .platform-3d{width:480px;height:120px}
  .ring-1{width:390px;height:390px}.ring-2{width:440px;height:440px}.ring-3{width:500px;height:500px}
}
@media(max-width:500px){
  .scene-3d{height:350px}
  .coin-3d{width:245px;height:245px}
  .platform-3d{width:360px;height:90px;bottom:18px}
  .ring-1{width:310px;height:310px}.ring-2{width:350px;height:350px}.ring-3{width:390px;height:390px}
  .body-3d-showcase .body-logo-caption strong{font-size:11px}
}

/* 5D deep-space galaxy background */
.galaxy-5d{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:
radial-gradient(ellipse at 50% 50%,#101a3d 0%,#05091b 28%,#02040e 58%,#010209 100%)}
.galaxy-5d:before{content:"";position:absolute;inset:-20%;background:
radial-gradient(ellipse at 18% 25%,#4d16a044 0,transparent 25%),
radial-gradient(ellipse at 82% 18%,#0872d333 0,transparent 23%),
radial-gradient(ellipse at 74% 72%,#8d1baf33 0,transparent 27%),
radial-gradient(ellipse at 25% 80%,#1645a833 0,transparent 25%);filter:blur(35px);animation:galaxyDrift 24s ease-in-out infinite alternate}
.galaxy-nebula{position:absolute;border-radius:50%;filter:blur(55px);mix-blend-mode:screen;opacity:.28}
.nebula-1{width:65vw;height:28vw;left:-14vw;top:22vh;background:linear-gradient(90deg,#4d18c8,transparent,#007aff);transform:rotate(-22deg);animation:nebulaMove1 18s ease-in-out infinite alternate}
.nebula-2{width:70vw;height:24vw;right:-20vw;top:48vh;background:linear-gradient(90deg,#ff2fbc,transparent,#5e36ff);transform:rotate(18deg);animation:nebulaMove2 21s ease-in-out infinite alternate}
.nebula-3{width:50vw;height:18vw;left:25vw;top:72vh;background:linear-gradient(90deg,#00c8ff,transparent,#7b25ff);transform:rotate(-9deg);opacity:.18;animation:nebulaMove3 25s ease-in-out infinite alternate}
.galaxy-core{position:absolute;width:34vw;height:34vw;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff7cf 0,#ffe16b 2%,#ff8a00 6%,#9d32ff 18%,#3e1d82 38%,transparent 68%);filter:blur(7px);opacity:.18;animation:corePulse 7s ease-in-out infinite}
.galaxy-stars{position:absolute;inset:-10%;background-repeat:repeat;transform-origin:center;animation:starField 80s linear infinite}
.stars-a{background-image:
radial-gradient(circle at 10px 20px,#fff 0 1px,transparent 1.5px),
radial-gradient(circle at 80px 120px,#8ed8ff 0 1px,transparent 1.6px),
radial-gradient(circle at 160px 50px,#ffd96a 0 1px,transparent 1.4px);
background-size:190px 170px;opacity:.65}
.stars-b{background-image:
radial-gradient(circle at 30px 60px,#fff 0 .8px,transparent 1.2px),
radial-gradient(circle at 110px 25px,#bca7ff 0 1px,transparent 1.4px),
radial-gradient(circle at 180px 140px,#67dfff 0 .7px,transparent 1.2px);
background-size:260px 220px;opacity:.42;animation-duration:120s;animation-direction:reverse}
.stars-c{background-image:
radial-gradient(circle at 20px 40px,#fff 0 1.4px,transparent 2px),
radial-gradient(circle at 130px 100px,#fff2a3 0 1.2px,transparent 2px);
background-size:430px 360px;opacity:.35;filter:blur(.2px);animation-duration:160s}
.galaxy-dust{position:absolute;inset:-30%;background:
repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(126,64,255,.06) 9deg,transparent 18deg),
radial-gradient(ellipse at center,transparent 25%,rgba(117,47,255,.1) 38%,transparent 55%);filter:blur(18px);animation:dustRotate 90s linear infinite}
.galaxy-vortex{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);border:1px solid rgba(130,94,255,.13);box-shadow:0 0 35px rgba(111,47,255,.08),inset 0 0 30px rgba(255,158,0,.04)}
.vortex-1{width:72vw;height:24vw;animation:vortexSpin 34s linear infinite}
.vortex-2{width:92vw;height:31vw;border-color:rgba(255,174,56,.08);animation:vortexSpin 49s linear infinite reverse}
@keyframes galaxyDrift{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes nebulaMove1{0%{transform:rotate(-22deg) translate(-2%,0) scale(.95)}100%{transform:rotate(-18deg) translate(7%,-5%) scale(1.08)}}
@keyframes nebulaMove2{0%{transform:rotate(18deg) translate(3%,2%)}100%{transform:rotate(13deg) translate(-8%,-4%) scale(1.12)}}
@keyframes nebulaMove3{0%{transform:rotate(-9deg) translateY(2%)}100%{transform:rotate(-5deg) translateY(-10%) scale(1.1)}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(.88);opacity:.12}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.25}}
@keyframes starField{from{transform:scale(1) rotate(0)}to{transform:scale(1.15) rotate(360deg)}}
@keyframes dustRotate{from{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.08)}}
@keyframes vortexSpin{from{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg)}}
@media(max-width:780px){
  .nebula-1{width:100vw;height:42vw}.nebula-2{width:105vw;height:38vw}
  .galaxy-core{width:65vw;height:65vw}
}
@media(prefers-reduced-motion:reduce){
  .galaxy-5d *, .coin-3d, .energy-ring, .scan-line{animation:none!important}
}

/* About / Tokenomics / Roadmap enhanced sections */
.about-section{position:relative}
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:stretch;margin:28px 0 36px}
.about-copy{padding:10px 8px 10px 0}
.about-copy h3{font-family:Orbitron;font-size:34px;line-height:1.12;margin:12px 0 18px}.about-copy h3 span{color:#c16cff}
.about-copy p{max-width:720px;color:#a9adbd;line-height:1.8;font-size:14px}
.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.about-highlights div{padding:14px;border:1px solid #3a2a56;border-radius:12px;background:#08091a99}.about-highlights b{display:block;color:#ffbd3b;font-family:Orbitron;font-size:11px;margin-bottom:7px}.about-highlights span{font-size:9px;letter-spacing:1px;color:#d5d0df}
.about-panel{min-height:350px;border:1px solid #563a78;border-radius:24px;background:radial-gradient(circle,#4c1d7330,transparent 50%),#050714;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 0 50px #682ab52a}
.about-panel img{width:250px;height:250px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 24px #ffad4270);animation:aboutFloat 5s ease-in-out infinite}.about-panel span{position:absolute;bottom:42px;font-family:Orbitron;font-size:18px;letter-spacing:3px;color:#f0e7d3}.about-panel small{position:absolute;bottom:22px;font-size:8px;letter-spacing:2px;color:#817e92}.about-orbit{position:absolute;width:310px;height:110px;border:1px solid #a758ff66;border-radius:50%;transform:rotate(-20deg);animation:aboutOrbit 8s linear infinite}
.tax-panel{margin:22px 0;border:1px solid #3d2d5d;border-radius:16px;background:#060817bb;padding:20px}.tax-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tax-heading span{font-family:Orbitron;font-size:11px;color:#ddd7e7;letter-spacing:1.5px}.tax-heading small{font-size:8px;color:#777b91;letter-spacing:1px}.tax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tax-grid div{border:1px solid #33264e;border-radius:12px;padding:15px;background:#090a1c}.tax-grid span{display:block;font-size:8px;color:#777b90;letter-spacing:1.5px}.tax-grid strong{display:block;margin-top:5px;font-family:Orbitron;font-size:22px;color:#f2ecfa}
.roadmap-timeline{position:relative;max-width:920px;margin:35px auto 0}.roadmap-timeline:before{content:"";position:absolute;left:28px;top:20px;bottom:20px;width:1px;background:linear-gradient(#ffbe3b,#a54fff,#3f8dff,#ffbe3b);box-shadow:0 0 14px #8c4eff55}.roadmap-item{display:grid;grid-template-columns:58px 1fr;gap:20px;position:relative;margin-bottom:20px}.road-number{width:58px;height:58px;border-radius:50%;border:1px solid #7149a0;background:#08091b;display:grid;place-items:center;font-family:Orbitron;font-size:12px;color:#d6cbe7;z-index:2;box-shadow:0 0 20px #6d2ab533}.roadmap-item.active .road-number{border-color:#ffbd3b;color:#ffcf62;box-shadow:0 0 25px #ffae3344}.road-content{padding:20px 22px;border:1px solid #3b2b58;border-radius:16px;background:linear-gradient(135deg,#0a0b1eeb,#070814d9);box-shadow:0 10px 35px #0005}.road-content>span{font-size:8px;letter-spacing:2px;color:#b766ff}.road-content h3{font-family:Orbitron;margin:7px 0;font-size:18px}.road-content p{color:#9296aa;line-height:1.65;font-size:12px;margin:0 0 13px}.road-tags{display:flex;flex-wrap:wrap;gap:7px}.road-tags i{font-style:normal;font-size:7px;letter-spacing:1px;padding:5px 8px;border:1px solid #493565;border-radius:20px;color:#c8bed8}
@keyframes aboutFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes aboutOrbit{from{transform:rotate(-20deg) rotateZ(0)}to{transform:rotate(-20deg) rotateZ(360deg)}}
@media(max-width:780px){.about-grid{grid-template-columns:1fr}.about-copy h3{font-size:27px}.about-highlights{grid-template-columns:1fr}.about-panel{min-height:310px}.tax-grid{grid-template-columns:repeat(2,1fr)}.tax-heading{display:grid;gap:7px}.roadmap-timeline:before{left:22px}.roadmap-item{grid-template-columns:46px 1fr;gap:13px}.road-number{width:46px;height:46px;font-size:10px}.road-content{padding:16px}}
@media(max-width:500px){.tax-grid{grid-template-columns:1fr 1fr}.tax-grid strong{font-size:18px}.about-panel img{width:210px;height:210px}}

/* Features descriptions + Telegram CTA */
.feature-card{min-height:255px;display:flex;flex-direction:column}
.feature-card p{line-height:1.7!important;min-height:76px}
.feature-detail{margin-top:auto;padding-top:14px;border-top:1px solid #302345;color:#777c94;font-size:7px;letter-spacing:1.4px;font-weight:800}
.features-cta{margin:18px 0 5px;padding:16px 20px;border:1px solid #3e2b59;border-radius:13px;background:linear-gradient(90deg,#090a1bd9,#160d25d9);display:flex;justify-content:space-between;align-items:center;gap:15px}
.features-cta span{font-size:8px;letter-spacing:2px;color:#888ca0}.features-cta a,.telegram-hero a{font-family:Orbitron;font-size:9px;letter-spacing:1px;color:#c96cff;text-decoration:none}
.telegram-hero{margin-top:10px}.telegram-social{color:#64baff!important}
@media(max-width:780px){.features-cta{display:grid;justify-content:stretch}.feature-card{min-height:0}.feature-card p{min-height:0}}