body{font-family:Inter,sans-serif;scroll-behavior:smooth;background-color:#020617;background-image:radial-gradient(circle at 0% 0%,#ffffff0d,#fff0 85%);background-attachment:fixed}.mono{font-family:"JetBrains+Mono",monospace}.glass{background:#ffffff05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.data-dot{background:#2dd4bf;border-radius:50%;filter:blur(.5px);box-shadow:0 0 10px #2dd4bf4d}.data-dot-dim{background:#fff3;border-radius:50%}.gradient-text{background:linear-gradient(135deg,#2dd4bf,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes dot-float{0%{transform:translate(0);opacity:.2}50%{transform:translate(10px,-20px);opacity:.6}to{transform:translate(0);opacity:.2}}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes pulse-slow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 20s ease-in-out infinite}.animate-float-delayed{animation:float 25s ease-in-out infinite reverse;animation-delay:-5s}.animate-float-slow{animation:float 30s ease-in-out infinite;animation-delay:-10s}.animate-dot{animation:dot-float 12s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.reveal-1{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.reveal-2{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) .2s forwards;opacity:0}.reveal-3{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) .4s forwards;opacity:0}.reveal-btn{animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) .6s forwards;opacity:0}.reveal-pill{animation:fadeIn 1s ease .8s forwards;opacity:0}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{color:#f1f5f9;font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content p{margin-bottom:1.25rem}.blog-content a{color:#2dd4bf;text-decoration:underline}.blog-content a:hover{color:#5eead4}.blog-content ul,.blog-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:3px solid #2dd4bf;padding-left:1rem;color:#94a3b8;margin:1.5rem 0;font-style:italic}.blog-content code{background:#2dd4bf14;border:1px solid rgba(45,212,191,.15);border-radius:4px;padding:.1em .4em;font-family:JetBrains Mono,monospace;font-size:.875em;color:#2dd4bf}.blog-content pre{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem}.blog-content pre .copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .6rem;font-size:.7rem;font-family:inherit;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.blog-content pre .copy-btn:hover{color:#2dd4bf;background:#2dd4bf1a;border-color:#2dd4bf4d}.blog-content pre code{background:none;border:none;padding:0;color:#94a3b8}.blog-content img{max-width:100%;border-radius:12px;margin:1.5rem 0}.blog-content hr{border-color:#ffffff12;margin:2rem 0}