.dev-mesh{background:radial-gradient(55% 75% at 88% 8%,#ff66c4 0,transparent 62%),radial-gradient(45% 70% at 58% 0,#ffde59 0,transparent 62%),radial-gradient(50% 80% at 100% 62%,#38b6ff 0,transparent 62%),radial-gradient(40% 60% at 72% 86%,#5aff19 0,transparent 60%),radial-gradient(45% 65% at 38% 34%,#d2ed69 0,transparent 70%),#ffa1a1}.dev-slant{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}.dev-veil{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.92) 52%,hsla(0,0%,100%,0) 78%)}@media (min-width:1024px){.dev-veil{background:linear-gradient(100deg,#fff,hsla(0,0%,100%,.94) 36%,hsla(0,0%,100%,0) 66%)}}.dev-glow{background:radial-gradient(40% 90% at 12% 0,rgba(255,102,196,.45) 0,transparent 70%),radial-gradient(40% 90% at 88% 100%,rgba(56,182,255,.4) 0,transparent 70%),radial-gradient(30% 70% at 60% 0,rgba(255,222,89,.25) 0,transparent 70%)}.dev-shadow{box-shadow:0 30px 60px -20px rgba(84,84,84,.35),0 18px 36px -18px rgba(84,84,84,.3)}.dev-shadow-sm{box-shadow:0 6px 16px -6px rgba(84,84,84,.2),0 2px 4px -2px rgba(84,84,84,.12)}.dev-code .tok-s{color:#d2ed69}.dev-code .tok-n{color:#ffde59}.dev-code .tok-k{color:#5aff19}.dev-code .tok-f{color:#ffa1a1}.dev-code .tok-c{color:#d8d8d8}.dev-arrow:after{content:"→";display:inline-block;margin-left:.35em;transition:transform .15s ease}.dev-arrow:hover:after{transform:translateX(3px)}@keyframes dev-flash{0%,60%{box-shadow:0 0 0 4px #ff66c4}to{box-shadow:0 0 0 4px rgba(255,102,196,0)}}.dev-flash{animation:dev-flash 2.5s ease-out}.dev-anchor{scroll-margin-top:5rem}