*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}@keyframes floatA{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-24px) rotate(-4deg)}}@keyframes floatC{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spinCoin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(280px) rotate(320deg);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 0 #3b82f699}50%{box-shadow:0 0 0 10px #3b82f600}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes ringBurst{0%{transform:scale(.4);opacity:.8}to{transform:scale(2.6);opacity:0}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes titlePop{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popFloat{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:1;transform:translateY(-6px) scale(1.15)}to{transform:translateY(-34px) scale(1);opacity:0}}@keyframes digitFlicker{0%,to{opacity:1}50%{opacity:.4}}@keyframes priceFlashUp{0%{color:#4ade80;text-shadow:0 0 14px rgba(74,222,128,.7)}to{text-shadow:none}}@keyframes priceFlashDown{0%{color:#f87171;text-shadow:0 0 14px rgba(248,113,113,.7)}to{text-shadow:none}}@keyframes countTick{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes coinBurst{0%{transform:translate(0) scale(.4) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(var(--bx, 0px),var(--by, -80px)) scale(1) rotate(var(--br, 180deg));opacity:0}}@keyframes lockBounce{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gfx-navflow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gfx-title-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes gfx-neon-breathe{0%,to{text-shadow:0 0 14px rgba(59,130,246,.55),0 0 40px rgba(59,130,246,.28)}50%{text-shadow:0 0 22px rgba(125,180,255,.9),0 0 60px rgba(59,130,246,.5)}}@property --gfx-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes gfx-orbit{to{--gfx-angle: 360deg}}@keyframes gfx-card-aura{0%,to{filter:drop-shadow(0 0 0 rgba(59,130,246,0))}50%{filter:drop-shadow(0 0 22px rgba(59,130,246,.16))}}@keyframes gfx-btn-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(59,130,246,0))}50%{filter:drop-shadow(0 4px 14px rgba(59,130,246,.45))}}@keyframes gfx-count-pulse{0%,to{text-shadow:0 0 16px rgba(125,180,255,.65)}50%{text-shadow:0 0 30px rgb(125,180,255),0 0 60px rgba(59,130,246,.5)}}@keyframes gfx-sweep{0%{left:-45%}55%,to{left:115%}}