@font-face{font-family:Joyride;src:url(/fonts/JoyrideSTD.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.blog-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;background:#ffffff0d}.blog-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--hero-cyan, #33b6ff),var(--hero-violet, #8250ff));box-shadow:0 0 12px #33b6ff99;transition:width .1s linear}.blog-body{background:var(--hero-bg, #030712);min-height:100dvh}.blog-main{width:100%}.blog-article-hero{position:relative;width:100%;padding-top:clamp(100px,14vh,140px);overflow:hidden;isolation:isolate}.blog-article-hero__ambient{position:absolute;inset:0;pointer-events:none;z-index:0}.blog-article-hero__orb{position:absolute;border-radius:50%;filter:blur(70px)}.blog-article-hero__orb--1{width:600px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(130,80,255,.1) 0%,transparent 70%)}.blog-article-hero__orb--2{width:400px;height:400px;top:0;left:-60px;background:radial-gradient(circle,rgba(51,182,255,.07) 0%,transparent 70%)}.blog-article-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(51,182,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(51,182,255,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 100%)}.blog-article-hero__topline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(51,182,255,.15) 20%,rgba(51,182,255,.55) 50%,rgba(130,80,255,.3) 80%,transparent 100%);z-index:5}.blog-article-hero__topline-pulse{position:absolute;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--hero-cyan, #33b6ff);box-shadow:0 0 10px var(--hero-cyan, #33b6ff),0 0 22px #33b6ff80;animation:top-pulse-travel 4s linear infinite}@keyframes top-pulse-travel{0%{left:-6px;opacity:0}5%{opacity:1}95%{opacity:1}to{left:100%;opacity:0}}.blog-article-hero__inner{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:0 clamp(20px,5vw,60px) 48px;display:flex;flex-direction:column;gap:20px}.blog-article-hero__back{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;text-decoration:none;transition:color .3s,gap .3s;margin-bottom:8px}.blog-article-hero__back svg{width:14px;height:14px}.blog-article-hero__back:hover{color:var(--hero-cyan, #33b6ff);gap:12px}.blog-article-hero__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-article-hero__label{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--hero-cyan, #33b6ff);padding:4px 10px;border:1px solid rgba(51,182,255,.22);border-radius:99px;background:#33b6ff0d}.blog-article-hero__label-dot{width:4px;height:4px;border-radius:50%;background:var(--hero-cyan, #33b6ff);box-shadow:0 0 6px var(--hero-cyan, #33b6ff);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.blog-article-hero__date,.blog-article-hero__date-inline{font-family:Space Mono,monospace!important;font-size:10px!important;letter-spacing:.1em!important;color:#ffffff4d!important;text-transform:uppercase}.blog-article-hero__updated{font-family:Space Mono,monospace;font-size:9.5px;color:#fff3;letter-spacing:.06em;display:flex;align-items:center;gap:4px}.blog-article-hero__title{font-family:"DM Serif Display",serif;font-size:clamp(30px,5.5vw,58px);font-weight:700;color:#ffffffeb;letter-spacing:-.03em;line-height:1.1;margin:0;opacity:0;animation:hero-title-in .8s .1s ease forwards}@keyframes hero-title-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.blog-article-hero__desc{font-family:Space Mono,monospace;font-size:13px;line-height:1.7;color:#ffffff61;letter-spacing:.01em;margin:0;border-left:2px solid rgba(51,182,255,.25);padding-left:16px;opacity:0;animation:hero-title-in .8s .25s ease forwards}.blog-article-hero__divider{display:flex;align-items:center;gap:12px;margin-top:8px}.blog-article-hero__divider-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(51,182,255,.2),transparent)}.blog-article-hero__divider-line:last-of-type{background:linear-gradient(90deg,transparent,rgba(130,80,255,.2))}.blog-article-hero__divider-dot{width:4px;height:4px;border-radius:50%;background:#fff3}.blog-article-hero__divider-text{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff2e}.blog-article-hero__img-wrap{position:relative;width:100%;max-width:780px;margin:0 auto;padding:0 clamp(20px,5vw,60px);overflow:hidden}.blog-article-hero__img{width:100%;max-height:420px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.06);filter:brightness(.88) saturate(1.1)}.blog-article-hero__img-overlay{position:absolute;inset:0;border-radius:12px;background:linear-gradient(to bottom,transparent 60%,rgba(3,7,18,.6) 100%)}.blog-article{position:relative;z-index:1;width:100%;max-width:780px;margin:0 auto;padding:48px clamp(20px,5vw,60px) 80px}.blog-article__content p{font-family:Lora,serif;font-size:clamp(16px,1.8vw,18px);line-height:1.85;color:#ffffffb8;margin:0 0 1.6em;letter-spacing:.005em}.blog-article__content p:has(>img){display:flex;justify-content:center;margin:2.5em 0}.blog-article__content p>img{width:100%;max-width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.06);filter:brightness(.88)}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4,.blog-article__content h5,.blog-article__content h6{font-family:"DM Serif Display",serif;color:#ffffffe6;letter-spacing:-.02em;margin:2.2em 0 .7em;line-height:1.2}.blog-article__content h2{font-size:clamp(22px,3vw,32px);padding-bottom:12px;border-bottom:1px solid rgba(51,182,255,.12)}.blog-article__content h3{font-size:clamp(18px,2.4vw,26px);color:#ffffffd1}.blog-article__content h4{font-family:Space Mono,monospace;font-size:clamp(13px,1.4vw,15px);letter-spacing:.12em;text-transform:uppercase;color:var(--hero-cyan, #33b6ff);font-weight:700}.blog-article__content pre{font-family:Space Mono,monospace;font-size:13px;line-height:1.65;padding:24px 28px;margin:2em 0;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow-x:auto;box-shadow:0 8px 32px #0000004d;position:relative}.blog-article__content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--hero-cyan, #33b6ff),var(--hero-violet, #8250ff));border-radius:10px 10px 0 0;opacity:.5}.blog-article__content code{font-family:Space Mono,monospace;font-size:.88em}.blog-article__content :not(pre)>code{padding:2px 7px;border-radius:4px;background:#33b6ff14;border:1px solid rgba(51,182,255,.15);color:var(--hero-cyan, #33b6ff);font-size:.85em}.blog-article__content blockquote{border-left:2px solid var(--hero-violet, #8250ff);margin:2em 0;padding:16px 24px;background:#8250ff0a;border-radius:0 8px 8px 0}.blog-article__content blockquote p{font-style:italic;color:#ffffff8c;margin:0}.blog-article__content a{color:var(--hero-cyan, #33b6ff);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#33b6ff59;transition:text-decoration-color .25s}.blog-article__content a:hover{text-decoration-color:var(--hero-cyan, #33b6ff)}.blog-article__content ul,.blog-article__content ol{font-family:Lora,serif;font-size:clamp(15px,1.7vw,17.5px);line-height:1.8;color:#ffffffa6;padding-left:1.5em;margin:1.2em 0}.blog-article__content li{margin-bottom:.4em}.blog-article-footer{max-width:780px;margin:0 auto;padding:0 clamp(20px,5vw,60px) 80px}.blog-article-footer__inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.blog-article-footer__line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);min-width:40px}.blog-article-footer__back,.blog-article-footer__portfolio{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:10px 20px;border-radius:99px;border:1px solid rgba(255,255,255,.1);color:#fff6;transition:all .3s ease;white-space:nowrap}.blog-article-footer__back:hover{color:var(--hero-cyan, #33b6ff);border-color:#33b6ff4d;background:#33b6ff0d}.blog-article-footer__portfolio{border-color:#8250ff33;color:#8250ffb3;background:#8250ff0a}.blog-article-footer__portfolio:hover{border-color:#8250ff73;color:var(--hero-violet, #8250ff);background:#8250ff14;gap:12px}.blog-article-footer__back svg,.blog-article-footer__portfolio svg{width:14px;height:14px}:root[data-theme=light] .blog-body{background:var(--hero-bg, #fff5d8)}:root[data-theme=light] .blog-progress{background:#5a1f1a0d}:root[data-theme=light] .blog-progress__fill{background:linear-gradient(90deg,#ff6b35,#c0392b);box-shadow:0 0 12px #ff6b3580}:root[data-theme=light] .blog-article-hero__topline{background:linear-gradient(90deg,transparent 0%,rgba(204,68,0,.18) 20%,rgba(204,68,0,.5) 50%,rgba(192,57,43,.25) 80%,transparent 100%)}:root[data-theme=light] .blog-article-hero__topline-pulse{background:#c40;box-shadow:0 0 10px #c40,0 0 22px #cc440080}:root[data-theme=light] .blog-article-hero__label{color:#ff6b35;border-color:#ff6b3540;background:#ff6b350d}:root[data-theme=light] .blog-article-hero__label-dot{background:#ff6b35;box-shadow:0 0 6px #ff6b35}:root[data-theme=light] .blog-article-hero__title{color:#1e0a08eb}:root[data-theme=light] .blog-article-hero__desc{color:#5a1f1a80;border-left-color:#ff6b354d}:root[data-theme=light] .blog-article-hero__back{color:#5a1f1a66}:root[data-theme=light] .blog-article-hero__back:hover{color:#ff6b35}:root[data-theme=light] .blog-article-hero__date{color:#5a1f1a59!important}:root[data-theme=light] .blog-article__content p{color:#280f0abf}:root[data-theme=light] .blog-article__content h2,:root[data-theme=light] .blog-article__content h3{color:#1e0a08e6}:root[data-theme=light] .blog-article__content h2{border-bottom-color:#ff6b3526}:root[data-theme=light] .blog-article__content h4{color:#ff6b35}:root[data-theme=light] .blog-article__content pre{background:#5a1f1a08;border-color:#5a1f1a14}:root[data-theme=light] .blog-article__content :not(pre)>code{background:#ff6b3512;border-color:#ff6b352e;color:#ff6b35}:root[data-theme=light] .blog-article__content blockquote{border-left-color:#c0392b;background:#c0392b0a}:root[data-theme=light] .blog-article__content a{color:#ff6b35;text-decoration-color:#ff6b3559}:root[data-theme=light] .blog-article__content a:hover{text-decoration-color:#ff6b35}:root[data-theme=light] .blog-article__content ul,:root[data-theme=light] .blog-article__content ol{color:#280f0aa6}:root[data-theme=light] .blog-article-footer__back:hover{color:#ff6b35;border-color:#ff6b354d;background:#ff6b350d}:root[data-theme=light] .blog-article-footer__portfolio{color:#c0392b;border-color:#c0392b33;background:#c0392b08}:root[data-theme=light] .blog-article-footer__portfolio:hover{border-color:#c0392b66;background:#c0392b12}@media(max-width:600px){.blog-article-hero__img-wrap{padding:0 16px}.blog-article{padding:36px 16px 60px}.blog-article-footer{padding:0 16px 60px}.blog-article-footer__inner{flex-direction:column;align-items:flex-start}.blog-article-footer__line{display:none}}p{font-size:1.8rem}p:has(>img){display:flex;justify-content:center}p>img{width:100%;max-width:80rem;min-width:27rem}h2,h3,h4,h5,h6{color:#fff;font-weight:700;margin:2rem 0}h2{font-size:var(--text-xx-large)}h3{font-size:var(--text-x-large)}h4{font-size:var(--text-large)}pre{font-size:1.8rem;padding:1rem;margin:3rem 0;border-radius:.5rem}@media screen and (max-width:768px){h2{font-size:2rem}}