/* Page-wide depth treatment, tuned to stay subtle outside the hero. */
html{perspective:1600px;perspective-origin:50% 0}main{perspective:1500px;transform-style:preserve-3d}.hero{transform-style:preserve-3d;perspective:1100px}.hero-copy{transform:translateZ(22px)}.hero:before{transform-origin:65% 50%;transition:filter .4s}.orbital{transform-style:preserve-3d;transform:translate3d(var(--orb-x,0px),var(--orb-y,0px),36px)}.planet{transform:translateZ(35px)}.o1{transform:translateZ(14px)}.o2{transform:translateZ(-8px)}.orb-label{transform:translateZ(24px)}.hero-number{transform:translateZ(18px)}.hero-depth-glow{position:absolute;inset:12% 4% 8% 38%;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 55% 48%,#d3b25a18,transparent 27%,#2c77d824 43%,transparent 72%);filter:blur(20px);transform:translate3d(var(--glow-x,0px),var(--glow-y,0px),-18px);transition:opacity .5s}.plan,.referral-card,.stats,.network-panel,.records{transform-style:preserve-3d;backface-visibility:hidden}.plan{transform:perspective(950px) translateZ(0);box-shadow:0 18px 38px #0005,inset 0 1px 0 #ffffff0d}.plan.is-visible{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .35s}.plan.is-visible:hover{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translate3d(0,-7px,15px)}.plan>*{transform:translateZ(10px)}.plan .plan-icon{transform:translateZ(23px)}.plan .tag{box-shadow:0 4px 15px #0005}.primary,.secondary{transform:translateZ(7px)}.plan.is-visible:hover .primary,.plan.is-visible:hover .secondary{transform:translateZ(16px)}.referral-card{box-shadow:0 18px 38px #0004,inset 0 1px 0 #ffffff0c;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.referral-card>*{transform:translateZ(10px)}.referral-card .reward{transform:translateZ(20px)}.stats{box-shadow:0 18px 38px #0004,inset 0 1px 0 #ffffff08}.stats>div{transition:transform .3s ease;text-shadow:0 2px 14px #0006}.stats>div:hover{transform:translateZ(18px)}.network-panel,.records{box-shadow:0 18px 42px #0004,inset 0 1px 0 #ffffff0a;transition:transform .4s ease,box-shadow .4s,border-color .3s}.network-panel:hover,.records:hover{transform:translate3d(0,-3px,7px);box-shadow:0 25px 50px #0005,inset 0 1px 0 #ffffff12}.copy-box,.tabs button,.table-scroll{transform:translateZ(8px)}body.page-depth{--page-bg-y:0px;--pointer-x:50%;--pointer-y:34%}body:after{background:radial-gradient(580px circle at var(--pointer-x,50%) var(--pointer-y,34%),#75aaff0b,transparent 70%),linear-gradient(180deg,#03080f22,#03080f00 35%,#03080f24);pointer-events:none}.sidebar,header{transform:translateZ(16px);transform-style:preserve-3d}.header-brand img{filter:drop-shadow(0 7px 9px #0008) drop-shadow(0 0 8px #59aaff66)}.wallet{box-shadow:0 6px 20px #0006,inset 0 1px 0 #ffffff12;transition:transform .25s,box-shadow .25s}.wallet:hover{transform:translateY(-2px) translateZ(8px);box-shadow:0 10px 26px #0008}.hero-link{box-shadow:0 8px 20px #0004,inset 0 1px 0 #ffffff14;transition:transform .25s,box-shadow .25s}.hero-link:hover{transform:translateY(-2px) translateZ(8px);box-shadow:0 12px 25px #0006,inset 0 1px 0 #ffffff22}.energy-pointer{position:fixed;left:var(--pointer-x,50%);top:var(--pointer-y,34%);width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#93c8ff0b,transparent 68%);transform:translate(-50%,-50%);mix-blend-mode:screen}@media(max-width:900px){.orbital{transform:scale(.85) translate3d(var(--orb-x,0px),var(--orb-y,0px),20px)}.plan>*{transform:translateZ(5px)}}@media(max-width:620px){.hero-copy{transform:translateZ(12px)}.orbital{transform:scale(.64) translate3d(var(--orb-x,0px),var(--orb-y,0px),22px)}.planet{transform:translateZ(20px)}.plan,.referral-card,.stats,.network-panel,.records{box-shadow:0 12px 26px #0005,inset 0 1px 0 #ffffff0b}.plan>*{transform:none}.stats>div:hover{transform:none}.network-panel:hover,.records:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.orbital,.hero-depth-glow,.plan,.referral-card,.stats>div,.network-panel,.records{transform:none!important;transition:none!important}.energy-pointer{display:none}}
.planet .planet-logo{position:relative;z-index:2;width:112px;height:112px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px #6bbdff45);animation:logo-orbit-float 7s ease-in-out infinite}@keyframes logo-orbit-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
