@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:#0a0b0e;--bg-card:#161a25a6;--bg-card-border:#ffffff14;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--color-bullish:#10b981;--color-bullish-glow:#10b98126;--color-bearish:#f43f5e;--color-bearish-glow:#f43f5e26;--color-gold:#f59e0b;--color-gold-glow:#f59e0b33;--color-purple:#8b5cf6;--color-blue:#3b82f6;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 20px 40px -15px #00000080;--shadow-glow-green:0 0 30px #10b98140;--shadow-glow-red:0 0 30px #f43f5e40;--shadow-glow-gold:0 0 40px #f59e0b59}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(150px);z-index:-1;opacity:.35;pointer-events:none;border-radius:50%;width:600px;height:600px;transition:all 1s;position:absolute}body:before{background:radial-gradient(circle,#8b5cf666 0%,#3b82f61a 50%,#0000 100%);animation:18s ease-in-out infinite alternate floatBackground1;top:10%;left:-150px}body:after{background:radial-gradient(circle,#3b82f666 0%,#8b5cf61a 50%,#0000 100%);animation:22s ease-in-out infinite alternate floatBackground2;bottom:10%;right:-150px}@keyframes floatBackground1{0%{transform:translate(0)scale(1)}to{transform:translate(120px,90px)scale(1.15)}}@keyframes floatBackground2{0%{transform:translate(0)scale(1)}to{transform:translate(-90px,-110px)scale(.95)}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.glass-panel{-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#161a25b3 0%,#0f172acc 100%);border:1px solid #ffffff17;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #000000a6,inset 0 1px 1px #ffffff0d}.glass-panel:hover{border-color:#ffffff1f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card-perspective{perspective:1500px;width:100%;height:100%}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative}.card-inner.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;width:100%;height:100%;box-shadow:var(--shadow-premium);border-radius:24px;position:absolute;overflow:hidden}.card-back{transform:rotateY(180deg)}input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-purple);cursor:pointer;width:18px;height:18px;transition:var(--transition-smooth);border-radius:50%;box-shadow:0 0 10px #8b5cf680}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-hover-grow{transition:var(--transition-smooth)}.btn-hover-grow:hover{transform:translateY(-2px)scale(1.03)}.btn-hover-grow:active{transform:translateY(1px)scale(.98)}.glow-green{box-shadow:var(--shadow-glow-green)}.glow-red{box-shadow:var(--shadow-glow-red)}.glow-gold{box-shadow:var(--shadow-glow-gold)}.glow-purple{box-shadow:0 0 30px #8b5cf62e}.glow-purple:hover{box-shadow:0 0 45px #8b5cf659}.pulse-glow{animation:2s ease-in-out infinite alternate pulseGlow}@keyframes pulseGlow{0%{box-shadow:0 0 10px #f59e0b33}to{box-shadow:0 0 25px #f59e0b80}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)rotate(-1deg)}75%{transform:translate(5px)rotate(1deg)}}.animate-shake{animation:.3s ease-in-out shake}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-smooth);background:#0f172af2;border:1px solid #ffffff0d;border-radius:8px;padding:6px 12px;font-size:.75rem;position:absolute;bottom:120%;left:50%;transform:translate(-50%)scale(.8);box-shadow:0 4px 12px #00000040}.tooltip:hover:after{opacity:1;transform:translate(-50%)scale(1)}