:root{
  --gold:#ffc400;--gold2:#ffdf57;--dark:#030303;--panel:#080808;
  --line:rgba(255,196,0,.55);--muted:#bdbdbd;--green:#39e36a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;
  line-height:1.35;overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    radial-gradient(circle at 65% 15%,rgba(255,184,0,.12),transparent 25%),
    radial-gradient(circle at 20% 50%,rgba(255,184,0,.04),transparent 25%);
}
a{text-decoration:none;color:inherit}
.container{width:min(1420px,94%);margin:auto}
.gold{color:var(--gold)}
.small{font-size:12px;color:#cfcfcf}
header{
  height:58px;border-bottom:1px solid var(--line);background:#030303;
  position:sticky;top:0;z-index:50;
}
.nav{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:800;font-size:28px;letter-spacing:2px;margin-right:auto;position:relative;z-index:1}
.brand-logo{width:45px;height:45px;animation:logoFloat 4s ease-in-out infinite}
.brand-logo svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(255,196,0,.4))}
.brand-logo:hover{animation-duration:2s}
.brand-text{position:relative;z-index:2}
nav{display:flex;align-items:center;gap:27px;font-size:14px}
nav a{transition:color .3s ease,transform .2s ease;display:inline-block}
nav a:hover{color:var(--gold);transform:translateY(-2px)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid var(--gold);border-radius:6px;padding:10px 20px;
  color:#fff;background:#050505;font-weight:700;font-size:13px;
  transition:.2s;position:relative;overflow:hidden
}
.btn:hover{box-shadow:0 0 20px rgba(255,196,0,.2);transform:translateY(-1px)}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translateX(-100%);transition:transform .4s ease}
.btn:hover:before{transform:translateX(100%)}
.btn.primary{background:linear-gradient(135deg,#ffca18,#f3a900);color:#000;border-color:#ffca18}
.hero{
  min-height:285px;position:relative;display:grid;grid-template-columns:1.1fr 1.35fr .8fr;
  gap:20px;align-items:center;padding:14px 10px 8px;
  overflow:hidden;
}
.hero:before{
  content:"";position:absolute;inset:0;opacity:.65;
  background:
    linear-gradient(90deg,transparent 35%,rgba(255,190,0,.08),transparent 80%),
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,190,0,.04) 35px 36px);
  pointer-events:none;
}
.hero-copy,.coin-wrap,.contract{position:relative;z-index:1}
.hero h1{font-size:54px;line-height:.95;letter-spacing:-2px;animation:textGlow 4s ease-in-out infinite}
.hero h1 .future{font-size:32px;display:block;letter-spacing:0}
.hero h1 .bitrx{font-size:68px;color:#ffbf00;text-shadow:0 0 25px rgba(255,190,0,.16);animation:textGlow 3s ease-in-out infinite}
.hero h1 .begins{font-size:42px;display:block}
.hero p{max-width:520px;color:#eee;font-size:14px;margin:10px 0 14px}
.hero-actions{display:flex;gap:14px}
.coin-wrap{height:275px;display:grid;place-items:center}
.coin-wrap:after{
  content:"";position:absolute;width:390px;height:48px;bottom:7px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,196,0,.65),rgba(255,196,0,.08),transparent 70%);
  filter:blur(5px);z-index:-1;
}
.coin{width:300px;height:300px;object-fit:cover;border-radius:50%;
  filter:drop-shadow(0 0 28px rgba(255,190,0,.65));
  animation:coinRotate 8s linear infinite, coinGlow 3s ease-in-out infinite;
  transform-style:preserve-3d;
}
.contract{
  border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.78);
  padding:16px;max-width:270px;justify-self:end;width:100%;
}
.contract h3{font-size:14px;margin-bottom:8px}.contract .addr{color:var(--gold);font-size:14px;border-bottom:1px solid #3a3000;padding-bottom:12px}
.contract .row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #302900}
.contract .row:last-child{border:0}.icon{color:var(--gold);font-size:20px;width:30px}
.stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 10px}
.stat{padding:11px 16px;border-right:1px solid var(--line);min-height:58px}
.stat:last-child{border:0}.stat-label{font-size:11px;color:#ccc}.stat-value{font-size:18px;color:var(--gold);margin-top:2px}
.main-grid{display:grid;grid-template-columns:1.05fr 1.15fr 1.15fr 1.05fr 1.05fr;gap:9px}
.card{
  border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#090909,#030303);
  padding:13px;min-height:245px;box-shadow:inset 0 0 25px rgba(255,196,0,.015)
}
.card h2{font-size:16px;margin-bottom:11px}.card h2 span{color:var(--gold)}
.feature{display:flex;gap:10px;margin:11px 0}.feature .fi{font-size:24px;color:var(--gold);width:27px}
.feature strong{display:block;font-size:12px}.feature p{font-size:10px;color:#bbb}
.tokenomics{display:flex;gap:12px;align-items:center}
.donut{
  width:122px;height:122px;border-radius:50%;
  background:conic-gradient(#ffb900 0 30%,#3268bd 30% 50%,#2667a8 50% 60%,#2f9b68 60% 75%,#b22b59 75% 85%,#6b5aa8 85% 90%,#5d6b77 90% 95%,#8d4f22 95% 100%);
  position:relative;flex:none
}
.donut:after{content:"";position:absolute;inset:31px;background:#050505;border-radius:50%;box-shadow:0 0 0 1px #222}
.legend{font-size:11px;flex:1}.legend div{display:flex;justify-content:space-between;margin:6px 0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:7px}
.presale{padding:11px 9px}
.presale h2{display:flex;justify-content:space-between;align-items:center}.badge{font-size:9px;color:#000;background:var(--gold);padding:4px 6px;border-radius:3px}
.table-title{text-align:center;color:var(--gold);font-size:11px;margin:5px 0 3px;border-bottom:1px solid #6a5200;padding-bottom:4px}
table{width:100%;border-collapse:collapse;font-size:10px;margin-bottom:5px}
th{color:var(--gold);font-size:9px}th,td{border:1px solid #403300;padding:4px 3px;text-align:center}
.stage1{color:#00e85d}.stage2{color:#00a8ff}.stage3{color:#a84cff}
.live{color:#00ef68}.up{color:#00a8ff}
.burn li,.road li{list-style:none;margin:12px 0;font-size:11px}.burn li:before{content:"🔥";margin-right:7px}
.road li:before{content:"○";color:var(--gold);font-size:20px;vertical-align:-2px;margin-right:7px}.road li.done:before{content:"✓";color:#ffc400}
.rocket{font-size:100px;text-align:center;filter:drop-shadow(0 0 15px rgba(255,190,0,.4));margin-top:0}
.section{border-top:1px solid #4a3900;margin-top:9px;padding-top:10px}
.community{display:grid;grid-template-columns:1fr repeat(5,1fr);gap:8px;align-items:center}
.community h2{font-size:16px}.social{border:1px solid #594500;border-radius:6px;padding:10px;text-align:center;background:#050505}.social b{font-size:12px}.social small{display:block;color:#bbb;margin-top:2px}
.directors{display:grid;grid-template-columns:1fr repeat(4,1fr);gap:8px}
.director-intro{padding:8px}.director-intro h2{font-size:16px}.director-intro p{font-size:11px;color:#bbb;margin:4px 0 10px}.success{border:1px solid var(--line);padding:8px;border-radius:5px;color:var(--gold);font-size:11px}
.director{border:1px solid var(--line);border-radius:6px;padding:11px;min-height:120px;background:#050505}
.director h3{color:var(--gold);font-size:14px}.role{font-size:11px}.exp{color:var(--gold);font-size:11px;margin:7px 0}.director p{font-size:10px;color:#ddd}.projects{margin-top:7px;color:#8cff3f;font-size:10px}
footer{border-top:1px solid var(--line);margin-top:8px;padding:12px 0 6px}
.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .8fr .8fr 1.35fr;gap:28px}.footer-brand{font-size:24px;color:var(--gold);font-weight:800}.footer p,.footer a{font-size:10px;color:#bbb;display:block;margin:4px 0}.footer h4{color:var(--gold);font-size:11px;margin-bottom:5px}.disclaimer{border:1px solid #594500;border-radius:6px;padding:10px}.copyright{text-align:center;border-top:1px solid #302500;margin-top:8px;padding-top:6px;font-size:10px;color:#aaa}
@media(max-width:1100px){
  nav{gap:12px}.main-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr}.contract{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.community{grid-template-columns:repeat(3,1fr)}.community h2{grid-column:1/-1}.directors{grid-template-columns:repeat(2,1fr)}.director-intro{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  header{height:auto}.nav{padding:8px 0;flex-wrap:wrap}.brand{margin-right:0}.nav nav{order:3;width:100%;overflow:auto;padding-bottom:3px}.nav nav a{white-space:nowrap}.nav>.btn{margin-left:auto}
  .hero{grid-template-columns:1fr;text-align:center;padding-top:20px}.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.coin{width:250px;height:250px}.main-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line)}.community{grid-template-columns:1fr 1fr}.directors{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}

/* ===== PREMIUM MOTION / EDITING UPGRADE ===== */
@keyframes coinRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes coinFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@keyframes coinTilt{0%,100%{transform:rotateX(0deg) rotateY(-2deg) rotateZ(0deg) scale(1)}25%{transform:rotateX(2deg) rotateY(5deg) rotateZ(-1deg) scale(1.015)}50%{transform:rotateX(0deg) rotateY(-5deg) rotateZ(1deg) scale(1)}75%{transform:rotateX(-2deg) rotateY(4deg) rotateZ(-1deg) scale(1.015)}}
@keyframes coinGlow{0%,100%{filter:drop-shadow(0 0 20px rgba(255,190,0,.48)) drop-shadow(0 0 50px rgba(255,190,0,.12))}50%{filter:drop-shadow(0 0 32px rgba(255,205,40,.9)) drop-shadow(0 0 72px rgba(255,190,0,.2))}}
@keyframes rimPulse{0%,100%{transform:scale(.98);opacity:.55}50%{transform:scale(1.025);opacity:1}}
@keyframes haloSpin{to{transform:rotate(360deg)}}
@keyframes rocketLaunch{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}45%{transform:translate3d(0,-12px,0) rotate(1deg)}70%{transform:translate3d(2px,-7px,0) rotate(.5deg)}}
@keyframes rocketGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,190,0,.35)) drop-shadow(0 0 18px rgba(255,120,0,.12))}50%{filter:drop-shadow(0 0 16px rgba(255,205,40,.8)) drop-shadow(0 0 32px rgba(255,90,0,.3))}}
@keyframes flameFlicker{0%,100%{transform:scaleY(.82) scaleX(.88);opacity:.78}35%{transform:scaleY(1.12) scaleX(1.05);opacity:1}65%{transform:scaleY(.94) scaleX(.96);opacity:.9}}
@keyframes bannerShine{0%{background-position:-220% 0}100%{background-position:220% 0}}
@keyframes bannerPulse{0%,100%{box-shadow:0 0 0 rgba(255,196,0,0)}50%{box-shadow:0 0 30px rgba(255,196,0,.2)}}
@keyframes liveBlink{0%,45%,100%{opacity:1}50%,65%{opacity:.45}}
@keyframes scan{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes borderGlow{0%,100%{box-shadow:inset 0 0 0 rgba(255,196,0,0),0 0 0 rgba(255,196,0,0)}50%{box-shadow:inset 0 0 26px rgba(255,196,0,.04),0 0 20px rgba(255,196,0,.12)}}
@keyframes revealUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes logoGlow{0%,100%{text-shadow:0 0 10px rgba(255,196,0,.5),0 0 20px rgba(255,196,0,.3)}50%{text-shadow:0 0 20px rgba(255,196,0,.8),0 0 40px rgba(255,196,0,.5),0 0 60px rgba(255,196,0,.3)}}
@keyframes cardEntrance{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes textGlow{0%,100%{color:var(--gold)}50%{color:var(--gold2);text-shadow:0 0 10px rgba(255,196,0,.5)}}
@keyframes fadeInScale{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}

.coin-wrap{animation:coinFloat 3.2s ease-in-out infinite;perspective:1200px}
.coin-wrap:before{content:"";position:absolute;width:338px;height:338px;border:1px solid rgba(255,196,0,.24);border-radius:50%;animation:rimPulse 2.8s ease-in-out infinite;pointer-events:none}
.coin-wrap:after{animation:rimPulse 2.4s ease-in-out infinite}
.coin-stage:before{box-shadow:0 0 0 7px rgba(255,196,0,.04),0 0 40px rgba(255,196,0,.12)}
.coin-rim{position:absolute;width:312px;height:312px;border-radius:50%;border:7px solid rgba(255,196,0,.65);box-shadow:inset 0 0 0 2px rgba(255,230,120,.3),inset 0 0 25px rgba(255,196,0,.18),0 0 18px rgba(255,196,0,.2);z-index:0;pointer-events:none}
.coin{position:relative;z-index:1;width:300px;height:300px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:2px solid rgba(255,224,112,.72);animation:coinRotate 8s linear infinite,coinGlow 2.8s ease-in-out infinite;transform-style:preserve-3d;backface-visibility:hidden}
.coin-stage:hover .coin{animation-duration:4s,1.8s}

.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,196,0,.035) 121px 122px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);animation:scan 7s linear infinite}
.presale-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,196,0,.85);border-radius:9px;margin:4px 0 10px;padding:10px 14px;background:linear-gradient(100deg,#080600,#1a1200,#080600,#1a1200,#080600);background-size:240% 100%;animation:bannerShine 6s linear infinite,bannerPulse 2.6s ease-in-out infinite}
.presale-banner:after{content:"";position:absolute;inset:0;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translateX(-110%);animation:scan 3.8s linear infinite;pointer-events:none}
.presale-live{display:inline-flex;align-items:center;gap:7px;color:#000;background:var(--gold);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;white-space:nowrap;position:relative;z-index:1}
.presale-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#00c853;box-shadow:0 0 0 0 rgba(0,200,83,.6);animation:liveBlink 1.2s infinite,rimPulse 1.2s infinite}
.presale-message{font-size:12px;font-weight:800;letter-spacing:.4px;position:relative;z-index:1;white-space:nowrap}.presale-message b{color:var(--gold2)}
.presale-mini{margin-left:auto;color:#bbb;font-size:10px;white-space:nowrap;position:relative;z-index:1}.presale-mini strong{color:#fff}
.presale{animation:borderGlow 3s ease-in-out infinite}.presale tr{transition:background .2s ease,transform .2s ease}.presale tbody tr:hover,.presale tr:not(:first-child):hover{background:rgba(255,196,0,.055);transform:translateX(2px)}.presale .stage1{font-weight:900}.presale .live{font-weight:900;animation:liveBlink 1.8s ease-in-out infinite}.badge{animation:bannerPulse 2.2s ease-in-out infinite}
.rocket{width:118px;height:170px;margin:2px auto 5px;display:grid;place-items:center;animation:rocketLaunch 2.35s ease-in-out infinite,rocketGlow 1.8s ease-in-out infinite;transform-origin:50% 65%;position:relative}
.rocket svg{width:100%;height:100%;overflow:visible}.rocket-flame{transform-origin:90px 184px;animation:flameFlicker .28s ease-in-out infinite}.rocket-fins{filter:drop-shadow(0 0 4px rgba(255,196,0,.35))}
.stat{transition:transform .22s ease,background .22s ease,border-color .22s ease}.stat:hover{transform:translateY(-3px);background:rgba(255,196,0,.025);border-color:rgba(255,196,0,.6);box-shadow:0 0 15px rgba(255,196,0,.15)}
.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:cardEntrance .6s ease both}.card:hover{transform:translateY(-2px);border-color:rgba(255,196,0,.85);box-shadow:inset 0 0 25px rgba(255,196,0,.025),0 8px 30px rgba(0,0,0,.3),0 0 20px rgba(255,196,0,.2)}
.director{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.director:hover{transform:translateY(-3px);border-color:rgba(255,196,0,.85);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(255,196,0,.08)}
.section,.stats,.hero{animation:revealUp .7s ease both}
.presale-banner{animation:fadeInScale .8s ease both}
.director{animation:cardEntrance .6s ease both}
.social{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.social:hover{transform:translateY(-3px);border-color:rgba(255,196,0,.7);box-shadow:0 0 15px rgba(255,196,0,.2)}
.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-180%);animation:scan 3.6s linear infinite}
.brand{animation:logoFloat 4s ease-in-out infinite}.brand-text{animation:logoGlow 3s ease-in-out infinite}.brand-logo{animation:logoFloat 4s ease-in-out infinite}.brand:hover .brand-logo{animation-duration:2s}.brand:hover .brand-text{animation-duration:1.5s}
@media(max-width:760px){.coin-wrap:before{width:285px;height:285px}.coin-rim{width:260px;height:260px}.coin{width:250px;height:250px}.presale-banner{align-items:flex-start;flex-wrap:wrap;gap:8px}.presale-mini{margin-left:0;width:100%}.presale-message{white-space:normal}.rocket{width:100px;height:145px}}
@media(prefers-reduced-motion:reduce){.coin-wrap,.coin,.coin-wrap:before,.coin-wrap:after,.hero:after,.presale-banner,.presale-banner:after,.presale,.presale .live,.badge,.rocket,.rocket-flame,.btn.primary:after,.section,.stats,.hero,.brand,.brand-text,.brand-logo,.card,.social,.director{animation:none!important}*{scroll-behavior:auto!important}}