:root{--bg-primary:#080808;--bg-secondary:#0d0d0d;--bg-card:#ffffff08;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--accent-blue:#61dafb;--accent-pink:#fb61d4;--accent-pink-dark:#d800a2;--gradient-pink:linear-gradient(135deg,#fb61d4,#d800a2);--border-subtle:#ffffff14;--border-hover:#fb61d44d;--glow-pink:0 0 60px #fb61d426}#articles-main{align-items:center;background:#080808;background:var(--bg-primary);box-sizing:border-box;display:flex;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:clamp(16px,2vw,18px);justify-content:center;min-height:100vh;padding:6rem 0 4rem;width:100%}article{box-sizing:border-box;padding:0 2rem;width:min(100%,900px)}.articles-section{margin:0 auto;padding-top:2rem;width:100%}.articles-section h1{animation:gradientShift 8s ease infinite;background-clip:text;-webkit-background-clip:text;background-size:200% 200%;color:#0000;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0 0 2rem;text-align:center;text-transform:none}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.articles-section .top-image{border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 0 60px #fb61d426,0 10px 40px #00000080;box-shadow:var(--glow-pink),0 10px 40px #00000080;display:block;height:auto;margin:0 auto 3rem;max-height:400px;max-width:70%;object-fit:cover;transition:all .4s ease}.articles-section .top-image:hover{border-color:#fb61d44d;border-color:var(--border-hover);box-shadow:0 0 60px #fb61d426,0 20px 60px #0009;box-shadow:var(--glow-pink),0 20px 60px #0009;transform:scale(1.02) translateY(-5px)}.article-paragraph,.articles-section p{color:#ffffffb3;color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8;margin:0 0 1.75rem;text-align:start}.articles-section a{border-bottom:1px solid #0000;color:#fb61d4;color:var(--accent-pink);text-decoration:none;transition:all .3s ease}.articles-section a:hover{border-bottom-color:#61dafb;border-bottom-color:var(--accent-blue);color:#61dafb;color:var(--accent-blue)}.bold-article-paragraph{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);background-clip:text;-webkit-background-clip:text;color:#0000;display:block;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;line-height:1.6;margin:2rem 0 1rem;text-align:start}.article-title{color:#fff;color:var(--text-primary);font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:3.5rem 0 1.5rem;padding-bottom:.75rem;position:relative;text-decoration:none}.article-title:after{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:80px}.articles-section ol,.articles-section ul{color:#ffffffb3;color:var(--text-secondary);list-style-type:none;margin:1.5rem 0 2rem;padding-left:0;text-align:start}.articles-section ol li,.articles-section ul li{align-items:flex-start;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);display:flex;gap:1rem;line-height:1.7;margin-bottom:.75rem;padding:.6rem 0;transition:all .2s ease}.articles-section ol li:last-child,.articles-section ul li:last-child{border-bottom:none}.articles-section ol li:hover,.articles-section ul li:hover{background:#fb61d408;border-radius:8px;margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;padding-right:.5rem}.articles-section ul li:before{align-items:center;background:#fb61d426;border-radius:6px;box-shadow:0 2px 8px #fb61d433;color:#fb61d4;color:var(--accent-pink);content:"✓";display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:22px;justify-content:center;margin-top:.15rem;transition:all .3s ease;width:22px}.articles-section ul li:hover:before{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);box-shadow:0 4px 12px #fb61d466;color:#fff;transform:scale(1.1)}.articles-section ol{counter-reset:list-counter}.articles-section ol li:before{align-items:center;background:#fb61d426;border-radius:50%;box-shadow:0 2px 8px #fb61d433;color:#fb61d4;color:var(--accent-pink);content:counter(list-counter);counter-increment:list-counter;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;margin-top:.1rem;transition:all .3s ease;width:28px}.articles-section ol li:hover:before{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);box-shadow:0 4px 12px #fb61d466;color:#fff;transform:scale(1.1)}.articles-section img{border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:16px;display:block;height:auto;margin:2rem auto;max-width:100%;object-fit:contain;transition:all .3s ease}.articles-section img:hover{border-color:#fb61d44d;border-color:var(--border-hover);box-shadow:0 10px 30px #0000004d}blockquote{border-left:4px solid #fb61d4;border-left:4px solid var(--accent-pink);border-radius:0 16px 16px 0;color:#61dafb;color:var(--accent-blue);font-family:Playfair Display,serif;font-size:clamp(1.1rem,2vw,1.3rem);font-style:italic;line-height:1.7;padding:1.5rem 2rem}.code-container-article,blockquote{background:#ffffff08;background:var(--bg-card);margin:2rem 0}.code-container-article{animation:fadeInUp .6s ease;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:20px;box-sizing:border-box;overflow:hidden;position:relative;transition:all .4s ease;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-container-article:hover{border-color:#fb61d44d;border-color:var(--border-hover);box-shadow:0 0 60px #fb61d426;box-shadow:var(--glow-pink);transform:translateY(-2px)}.code-container-article:before{animation:gradientSlide 3s ease infinite;background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);background-size:200% 100%;content:"";height:3px;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:1}@keyframes gradientSlide{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.code-header{background:#0d0d0d;background:var(--bg-secondary);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:1rem 1.5rem;position:relative}.code-header,.code-header-left{align-items:center;display:flex}.code-header-left{gap:1.25rem}.code-dots{display:flex;gap:8px}.code-dot{border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.code-dot:hover{transform:scale(1.15)}.code-dot.red{background:#ff5f56;box-shadow:0 0 10px #ff5f5680}.code-dot.red:hover{box-shadow:0 0 15px #ff5f56cc}.code-dot.yellow{background:#ffbd2e;box-shadow:0 0 10px #ffbd2e80}.code-dot.yellow:hover{box-shadow:0 0 15px #ffbd2ecc}.code-dot.green{background:#27ca40;box-shadow:0 0 10px #27ca4080}.code-dot.green:hover{box-shadow:0 0 15px #27ca40cc}.code-language{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:100px;color:#fff6;color:var(--text-muted);font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.15em;padding:.35rem .85rem;text-transform:uppercase;transition:all .3s ease}.code-language:hover{border-color:#fb61d4;border-color:var(--accent-pink);color:#fb61d4;color:var(--accent-pink)}.code-content{background:#080808;background:var(--bg-primary);overflow-x:auto;position:relative}.code-content::-webkit-scrollbar{height:10px}.code-content::-webkit-scrollbar-track{background:#0d0d0d;background:var(--bg-secondary);border-radius:0 0 20px 20px}.code-content::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--border-subtle);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.code-content::-webkit-scrollbar-thumb:hover{background:#fb61d44d;background:var(--border-hover)}.code-copy-btn{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:600;gap:.6rem;overflow:hidden;padding:.55rem 1.15rem;position:relative;transition:all .3s ease}.code-copy-btn:before{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.code-copy-btn:hover{border-color:#fb61d4;border-color:var(--accent-pink);box-shadow:0 4px 12px #fb61d433;color:#fff;color:var(--text-primary);transform:translateY(-2px)}.code-copy-btn:hover:before{opacity:.1}.code-copy-btn.copied{background:#27ca401a;border-color:#27ca4080;box-shadow:0 0 20px #27ca404d;color:#27ca40}.code-copy-btn.copied:before{opacity:0}.check-icon,.copy-icon{stroke:currentColor;stroke-width:2;fill:none;flex-shrink:0;height:14px;position:relative;width:14px;z-index:1}.code-container-article pre{word-wrap:break-word;background:#0000!important;font-family:SF Mono,Fira Code,Consolas,Monaco,monospace!important;font-size:clamp(13px,1.5vw,15px)!important;line-height:1.8!important;margin:0!important;padding:1.75rem 1.5rem!important;white-space:pre-wrap}.code-container-article code{background:#0000!important;font-family:inherit!important}.code-container-article .hljs-keyword,.code-container-article .hljs-link,.code-container-article .hljs-literal,.code-container-article .hljs-section,.code-container-article .hljs-selector-tag{color:#fb61d4;color:var(--accent-pink)}.code-container-article .hljs-addition,.code-container-article .hljs-attribute,.code-container-article .hljs-bullet,.code-container-article .hljs-name,.code-container-article .hljs-string,.code-container-article .hljs-symbol,.code-container-article .hljs-template-tag,.code-container-article .hljs-template-variable,.code-container-article .hljs-title,.code-container-article .hljs-type,.code-container-article .hljs-variable{color:#f1fa8c}.code-container-article .hljs-built_in,.code-container-article .hljs-class .hljs-title,.code-container-article .hljs-function{color:#61dafb;color:var(--accent-blue)}.code-container-article .hljs-comment,.code-container-article .hljs-deletion,.code-container-article .hljs-meta,.code-container-article .hljs-quote{color:#fff6;color:var(--text-muted);font-style:italic}.code-container-article .hljs-number,.code-container-article .hljs-regexp,.code-container-article .hljs-selector-attr,.code-container-article .hljs-selector-pseudo{color:#bd93f9}.code-container-article .hljs-tag{color:#d800a2;color:var(--accent-pink-dark)}.code-container-article .hljs-attr{color:#ffffffb3;color:var(--text-secondary)}.article-not-found{background:#080808;background:var(--bg-primary);min-height:100vh}.not-found-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.not-found-content h1{background:linear-gradient(135deg,#fb61d4,#d800a2);background:var(--gradient-pink);background-clip:text;-webkit-background-clip:text;color:#0000;font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:1rem}.not-found-content p{color:#ffffffb3;color:var(--text-secondary);font-size:1.1rem}@media screen and (max-width:768px){#articles-main{padding:5rem 0 3rem}article{padding:0 1rem}.articles-section h1{font-size:clamp(1.75rem,5vw,2.25rem)}.articles-section .top-image{border-radius:20px;margin-bottom:2rem;max-width:90%}.article-title{font-size:clamp(1.3rem,3vw,1.6rem);margin:2.5rem 0 1.25rem}.article-paragraph,.articles-section p{font-size:1rem}.articles-section ol li,.articles-section ul li{gap:.75rem;padding:.5rem 0}.articles-section ul li:before{font-size:.7rem;height:20px;width:20px}.code-container-article{border-radius:16px;margin:1.5rem 0}.code-header{padding:.85rem 1.15rem}.code-dot{height:10px;width:10px}.code-dots{gap:6px}.code-language{font-size:.65rem;padding:.3rem .7rem}.code-container-article pre{font-size:clamp(12px,1.7vw,14px)!important;padding:1.35rem 1.15rem!important}.code-copy-btn span{display:none}.code-copy-btn{padding:.5rem .75rem}blockquote{margin:1.5rem 0;padding:1rem 1.25rem}}@media screen and (max-width:480px){#articles-main{padding:4.5rem 0 2rem}article{padding:0 .75rem}.articles-section h1{font-size:clamp(1.5rem,6vw,2rem)}.articles-section .top-image{border-radius:16px;max-width:100%}.article-title{font-size:clamp(1.2rem,4vw,1.4rem)}.article-title:after{height:2px;width:60px}.bold-article-paragraph{font-size:1rem}.article-paragraph,.articles-section p{font-size:.95rem;margin-bottom:1.25rem}.code-container-article pre{font-size:clamp(11px,1.6vw,13px)!important;padding:1.15rem 1rem!important}.code-header{padding:.7rem 1rem}.code-dot{height:9px;width:9px}.code-dots{gap:5px}.code-language{font-size:.6rem;padding:.25rem .6rem}.code-copy-btn{border-radius:8px;padding:.4rem .65rem}.articles-section img{border-radius:12px;margin:1.5rem auto}}@media screen and (max-width:360px){.articles-section h1{font-size:clamp(1.3rem,7vw,1.6rem)}.article-title{font-size:clamp(1.1rem,4.5vw,1.3rem)}.article-paragraph,.articles-section p,.articles-section ul li{font-size:.9rem}.code-container-article pre{font-size:clamp(10px,1.5vw,12px)!important;padding:1rem .85rem!important}.code-header{padding:.6rem .85rem}}@media (prefers-reduced-motion:reduce){.articles-section .top-image,.articles-section img,.articles-section ol li,.articles-section ul li,.code-container-article,.code-copy-btn,.code-dot{animation:none;transition:none}.articles-section h1,.code-container-article:before{animation:none}.articles-section .top-image:hover,.code-container-article:hover{transform:none}}.code-copy-btn:focus-visible{outline:2px solid #fb61d4;outline:2px solid var(--accent-pink);outline-offset:3px}@media (prefers-contrast:high){.articles-section ol li,.articles-section ul li,.code-container-article,.code-header{border-width:2px}}
/*# sourceMappingURL=7293.482b9426.chunk.css.map*/