*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#818cf8;--primary-bold:#6366f1;--primary-deep:#4f46e5;--accent:#f97316;--accent-light:#fbbf24;--accent-soft:#fed7aa;--coral:#818cf8;--gold:#fbbf24;--pink:#6366f1;--teal:#818cf8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg:#09090f;--bg-elevated:#111118;--bg-card:#111118d9;--border:#ffffff0f;--border-strong:#ffffff1a;--text:#f0f0f5;--text-muted:#9ca3af;--text-subtle:#52526b;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--shadow-card:0 1px 2px #00000080, 0 4px 20px #0000004d;--shadow-glow:0 0 24px #6366f126, 0 0 60px #f973160f}html,body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Euclid Circular B,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(80% 50% at 20% -10%,#4f46e514 0%,#0000 60%),radial-gradient(60% 40% at 85% 10%,#f973160d 0%,#0000 50%),radial-gradient(40% 30% at 50% 100%,#6366f10a 0%,#0000 50%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,#0000 70%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 0%,#0000 70%)}.market-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;box-shadow:var(--shadow-card);padding:20px;transition:border-color .25s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:block;position:relative;overflow:hidden}.market-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary-bold) 35%, var(--accent) 65%, transparent 100%);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.market-card:hover{box-shadow:var(--shadow-card), var(--shadow-glow);border-color:#818cf833;transform:translateY(-4px)scale(1.005)}.market-card:hover:before{opacity:1}.market-card:active{transition-duration:.1s;transform:translateY(-1px)scale(.995)}.market-card--skeleton{pointer-events:none;cursor:default}.skeleton-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;animation:1.8s ease-in-out infinite shimmer}.trade-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);padding:22px}.btn-primary{border-radius:var(--r-sm);cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 12px #6366f14d}.btn-primary:after{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:active:not(:disabled){transition-duration:.1s;transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border-strong);border-radius:var(--r-sm);cursor:pointer;color:var(--text);background:0 0;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .2s}.btn-ghost:hover{background:#818cf80f;border-color:#818cf840;transform:translateY(-1px)}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);background:#ffffff0a;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}input::placeholder{color:var(--text-subtle)}.gradient-text{background:linear-gradient(135deg,#818cf8,#a78bfa,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.3}h3{font-size:16px;font-weight:600}hr{border:none;border-top:1px solid var(--border);margin:24px 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 8px #6366f133}50%{box-shadow:0 0 20px #6366f166}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-in{animation:.5s cubic-bezier(.2,.8,.2,1) both fadeInUp}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default;padding:14px 16px;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:#818cf826;transform:translateY(-2px)}.prob-bar{background:#ffffff0f;border-radius:4px;height:6px;position:relative;overflow:hidden}.prob-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);position:relative}.prob-fill:after{content:"";background:inherit;filter:brightness(1.3);border-radius:2px;width:4px;position:absolute;top:-2px;bottom:-2px;right:0;box-shadow:0 0 8px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}::selection{color:#fff;background:#6366f14d}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}