:root{--zx-navy-900:#0a1530;--zx-navy-800:#112044;--zx-navy-700:#08111f;--zx-neon-blue:#1a56db;--zx-cyan:#22d3ee;--zx-violet:#7c3aed;--zx-mint:#2dd4bf;--zx-amber:#f59e0b;--zx-glass-bg:#ffffff14;--zx-glass-border:#ffffff29}.zyrix-glass-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#ffffff1a,#ffffff0b);border:1px solid #ffffff29;border-radius:28px;box-shadow:0 24px 80px #22d3ee1a,inset 0 1px #ffffff29}.zyrix-dark-canvas{color:#fff;background:radial-gradient(circle at 20% 20%,#22d3ee33,#0000 28%),radial-gradient(circle at 80% 10%,#7c3aed38,#0000 26%),linear-gradient(135deg,#0a1530 0%,#112044 55%,#08111f 100%)}.zyrix-gradient-border{isolation:isolate;background:#0a153099;border-radius:24px;position:relative}.zyrix-gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#22d3ee99,#7c3aed66,#ffffff14);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.zyrix-chip{color:#cffafe;-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #22d3ee40;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.zyrix-pulse{background:#22d3ee;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.zyrix-pulse:after{content:"";border:2px solid #22d3ee73;border-radius:50%;animation:2s ease-out infinite zyrix-pulse-ring;position:absolute;inset:-4px}@keyframes zyrix-pulse-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.8)}}@keyframes zyrix-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.zyrix-float{animation:6s ease-in-out infinite zyrix-float}.zyrix-float-delayed{animation:6s ease-in-out 2s infinite zyrix-float}@keyframes zyrix-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.zyrix-marquee{animation:40s linear infinite zyrix-marquee}@media (prefers-reduced-motion:reduce){.zyrix-float,.zyrix-float-delayed,.zyrix-marquee,.zyrix-pulse:after{animation:none!important}}