@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";
.defi-yield{--color-primary:#0ff;--color-secondary:#f0f;--color-accent:#39ff14;--color-neon-pink:#ff1493;--color-neon-orange:#f60;--color-success:#39ff14;--color-warning:#ff0;--color-bg:#0a0a0f;--color-bg-alt:#0d0d15;--color-bg-card:#0f0f19e6;--color-text:#fff;--color-text-muted:#8b8b9a;--color-text-subtle:#5a5a6a;--color-border:#00ffff4d;--font-heading:"Orbitron",sans-serif;--font-body:"Space Mono",monospace;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh}.defi-yield h1,.defi-yield h2,.defi-yield h3,.defi-yield h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-weight:700}.defi-yield .gradient-text{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.defi-yield .neon-text{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary)}.defi-yield .neon-text-pink{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary),0 0 20px var(--color-secondary)}.defi-yield .neon-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:4px;transition:all .3s}.defi-yield .neon-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #0ff3,inset 0 0 20px #00ffff0d}.defi-yield .btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);color:var(--color-bg);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:4px;padding:14px 28px;font-weight:700;transition:all .3s}.defi-yield .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ffff80,0 0 60px #ff00ff4d}.defi-yield .btn-secondary{color:var(--color-primary);font-family:var(--font-heading);border:1px solid var(--color-primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;padding:14px 28px;font-weight:600;transition:all .3s}.defi-yield .btn-secondary:hover{background:#00ffff1a;box-shadow:0 0 20px #00ffff4d}.defi-yield .navbar-defi{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0ff2}.defi-yield .badge{text-transform:uppercase;letter-spacing:1px;border:1px solid var(--color-border);color:var(--color-primary);background:#00ffff1a;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.defi-yield .pool-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:24px;transition:all .3s}.defi-yield .pool-card:hover{border-color:var(--color-primary);box-shadow:0 0 30px #00ffff26}.defi-yield .apy-value{font-family:var(--font-heading);color:var(--color-accent);text-shadow:0 0 10px var(--color-accent);font-size:2rem;font-weight:800}.defi-yield .stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.defi-yield .scanlines:before{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 2px);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.defi-yield .neon-card,.defi-yield .pool-card,.defi-yield .btn-primary,.defi-yield .btn-secondary{transition:none}}