@keyframes devFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes devGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes devShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dev-hero-noise:after{content:"";opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.dev-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-gold-primary), transparent 40%, transparent 60%, var(--color-gold-soft));z-index:-1;opacity:0;transition:opacity .5s;position:absolute;inset:-1px}.dev-glow:hover:before{opacity:1}.dev-shimmer:after{content:"";background:linear-gradient(45deg,#0000 30%,#c9a96a14 50%,#0000 70%);width:200%;height:200%;animation:6s ease-in-out infinite devShimmer;position:absolute;top:-50%;left:-50%}.animate-dev-float{animation:4s ease-in-out infinite devFloat}.animate-dev-gradient{background-size:200% 200%;animation:4s ease-in-out infinite devGradientShift}
