/* Dark Flow Crypto Spot — Ultra Motion v3 */
:root{--df-v3-x:50%;--df-v3-y:42%;--df-v3-ease:cubic-bezier(.18,.78,.2,1);--df-v3-fast:180ms;--df-v3-med:360ms;--df-v3-slow:900ms}
@keyframes df3Aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.28}50%{transform:translate3d(2.4%,1.2%,0) scale(1.045);opacity:.42}100%{transform:translate3d(-.8%,2%,0) scale(1.02);opacity:.32}}
@keyframes df3Grid{to{background-position:58px 58px,58px 58px}}@keyframes df3Scan{0%{transform:translateY(-130%);opacity:0}12%{opacity:.12}68%{opacity:.045}100%{transform:translateY(140vh);opacity:0}}@keyframes df3Reveal{from{opacity:0;transform:translate3d(0,10px,0) scale(.995);filter:blur(2.5px)}to{opacity:1;transform:none;filter:none}}@keyframes df3Tab{from{opacity:.35;transform:translate3d(8px,0,0)}to{opacity:1;transform:none}}@keyframes df3Pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes df3Logo{0%,100%{filter:drop-shadow(0 0 0 transparent) brightness(1)}50%{filter:drop-shadow(0 0 16px rgba(69,154,255,.28)) brightness(1.06)}}@keyframes df3Sweep{0%{transform:translateX(-170%) skewX(-18deg);opacity:0}18%{opacity:.36}100%{transform:translateX(430%) skewX(-18deg);opacity:0}}@keyframes df3Ripple{from{transform:translate(-50%,-50%) scale(0);opacity:.3}to{transform:translate(-50%,-50%) scale(5.5);opacity:0}}@keyframes df3Row{0%{background:rgba(64,155,255,.12);box-shadow:inset 3px 0 0 rgba(73,171,255,.85)}100%{background:transparent;box-shadow:inset 0 0 0 transparent}}@keyframes df3Bell{0%,100%{transform:rotate(0)}20%{transform:rotate(8deg)}40%{transform:rotate(-7deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@keyframes df3Edge{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes df3Particle{0%{transform:translate3d(0,14px,0) scale(.8);opacity:0}20%{opacity:.22}80%{opacity:.12}100%{transform:translate3d(var(--dx,16px),-70px,0) scale(1.05);opacity:0}}
body::before{content:"";position:fixed;z-index:-4;inset:-4%;pointer-events:none;background:radial-gradient(circle at var(--df-v3-x) var(--df-v3-y),rgba(45,117,222,.085),transparent 28rem),radial-gradient(circle at 14% 18%,rgba(35,170,224,.07),transparent 31rem),radial-gradient(circle at 86% 74%,rgba(40,210,222,.05),transparent 32rem);animation:df3Aurora 22s ease-in-out infinite alternate}body::after{content:"";position:fixed;z-index:-3;inset:0;pointer-events:none;opacity:.085;background-image:linear-gradient(rgba(112,150,205,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,150,205,.08) 1px,transparent 1px);background-size:58px 58px;animation:df3Grid 52s linear infinite}.df-ultra-v3-layer{position:fixed;z-index:-2;inset:0;pointer-events:none;overflow:hidden}.df-ultra-v3-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#6ed8ff;box-shadow:0 0 8px rgba(82,190,255,.55);animation:df3Particle var(--dur,11s) linear infinite;animation-delay:var(--delay,0s)}.df-ultra-scanline-v3{position:fixed;z-index:5;left:var(--df-sidebar,0);right:0;top:0;height:100px;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(64,193,229,.055),transparent);animation:df3Scan 13s linear infinite}.brand-lockup,.auth-brand{position:relative;isolation:isolate;overflow:hidden}.brand-lockup img,.auth-brand img{animation:df3Logo 5.4s ease-in-out infinite}.brand-lockup::after,.auth-brand::after{content:"";position:absolute;pointer-events:none;z-index:3;top:-45%;bottom:-45%;left:-20%;width:18%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:df3Sweep 8.2s ease-in-out infinite}.nav{position:relative;overflow:hidden}.nav.active::after{content:"";position:absolute;left:0;top:15%;bottom:15%;width:2px;border-radius:9px;background:linear-gradient(180deg,#4f8cff,#43d0e8);box-shadow:0 0 14px rgba(79,140,255,.42)}.df-v3-reveal{opacity:1;transform:none;filter:none}html.df-v3-motion-ready .df-v3-reveal:not(.df-v3-inview){opacity:0;transform:translate3d(0,10px,0) scale(.995);filter:blur(2.5px)}html.df-v3-motion-ready .df-v3-reveal.df-v3-inview{animation:df3Reveal .48s var(--df-v3-ease) both;animation-delay:var(--df-v3-stagger,0ms)}.tab.active.df-v3-tab-motion{animation:df3Tab .3s var(--df-v3-ease) both}.df-v3-hover{position:relative;isolation:isolate;transition:transform .22s var(--df-v3-ease),border-color .2s ease,box-shadow .26s ease,filter .2s ease!important;transform:perspective(1300px) rotateX(var(--df-v3-tilt-x,0deg)) rotateY(var(--df-v3-tilt-y,0deg)) translateZ(0)}.df-v3-hover:hover{border-color:rgba(94,155,247,.26)!important;box-shadow:0 18px 42px rgba(0,0,0,.2),0 0 26px rgba(64,139,240,.055)!important}.df-v3-hover::after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(120deg,transparent 28%,rgba(103,188,255,.13),transparent 58%);background-size:220% 220%;transition:opacity .25s ease}.df-v3-hover:hover::after{opacity:1;animation:df3Edge 3.2s ease infinite}button,.primary,.secondary,.danger,.logout-button,.icon-btn,.df-icon-btn,.profile-chip{transition:transform .16s ease,box-shadow .2s ease,filter .2s ease!important}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.055)}button:active:not(:disabled){transform:scale(.975)}.df-v3-ripple-host{position:relative!important;overflow:hidden!important}.df-v3-ripple-wave{position:absolute;z-index:40;width:30px;height:30px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(157,205,255,.42),rgba(78,146,238,.11) 56%,transparent 72%);animation:df3Ripple .58s ease-out forwards}.led,.auth-status i,.auth-foot i,.chip.good{animation:df3Pulse 3s ease-in-out infinite}tbody tr{transition:background-color .16s ease,box-shadow .18s ease,filter .18s ease!important}tbody tr:hover{filter:brightness(1.045);box-shadow:inset 2px 0 0 rgba(79,140,255,.62)!important}.df-v3-live-row{animation:df3Row 1.5s ease-out both}.df-v3-bell-ring{animation:df3Bell .7s ease-in-out both}html[data-df-motion="reduced"] body::before,html[data-df-motion="reduced"] body::after,html[data-df-motion="reduced"] .df-ultra-scanline-v3,html[data-df-motion="reduced"] .df-ultra-v3-particle,html[data-df-motion="reduced"] .brand-lockup img,html[data-df-motion="reduced"] .auth-brand img,html[data-df-motion="reduced"] .brand-lockup::after,html[data-df-motion="reduced"] .auth-brand::after{animation:none!important}html[data-df-motion="off"] *,html[data-df-motion="off"] *::before,html[data-df-motion="off"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.df-v3-reveal{opacity:1!important;transform:none!important;filter:none!important}}
