*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#000814;min-height:100vh;display:block;position:relative;overflow-x:hidden}canvas{z-index:-1;filter:blur(2px)brightness(.7);background:#000;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){canvas{filter:blur(1.5px)brightness(1.5)}}.navbar{z-index:1002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.nav-logo{font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-logo a{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;width:32px;height:32px}.nav-logo span{font-size:1.5rem;font-weight:700}.nav-links a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#03b5fc}.menu-btn{color:#fff;cursor:pointer;z-index:1003;background:0 0;border:none;display:none}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:1rem;position:sticky;top:0}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:block}.nav-links{display:none}.nav-links.active{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;list-style:none;display:flex}.nav-links.active a{color:#fff;padding:.75rem 0;font-size:1rem;text-decoration:none;display:block}}.nav-links a.active{color:#03b5fc;font-weight:600}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-top:1px solid #ffffff1a;margin-top:0}.footer-container{text-align:center;max-width:1100px;margin:0 auto;padding:1rem}.footer h3{color:#03b5fc;margin-bottom:.5rem;font-size:2rem;font-weight:700}.footer p{color:#ffffffbf;margin-bottom:1.5rem}.footer-socials{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.footer-socials a{color:#fff;font-size:1.5rem;transition:all .3s}.footer-socials a:hover{color:#03b5fc;transform:translateY(-3px)}.footer-bottom{color:#ffffff80;font-size:.9rem}.article{width:min(850px,90%);margin:4rem auto}@media (max-width:768px){.article{margin:1rem auto}}.article-title{margin-bottom:1rem;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:900}.article-desc{color:#9ca3af;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem)}.article-meta{color:#6b7280;gap:1rem;margin-bottom:2rem;display:flex}.article-tags{flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;display:flex}.article-tags span{color:#03b5fc;background:#03b5fc20;border-radius:999px;padding:.3rem .8rem}.article-content{font-size:1.15rem;line-height:2}.article-divider{background:linear-gradient(90deg,#03b5fc,#03b5fc4d,#1f1e1e);border:none;height:1px;margin:3rem 0}.back-btn{color:#03b5fc;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.back-btn:hover{color:#fff;transform:translate(-6px)}.article-content h1{margin:2rem 0 1rem;font-size:clamp(2rem,5vw,2.2rem)}.article-content h2{margin:2rem 0 1rem;font-size:clamp(1.6rem,4vw,2rem)}.article-content h3{margin:2rem 0 1rem;font-size:clamp(1.3rem,3vw,1.6rem)}.article-content p{margin:1.5rem 0;line-height:2}.article-content ul{margin:.7rem 0;padding-left:2rem;list-style:outside}.article-content ol{margin:1.5rem 0;padding-left:2rem;list-style:decimal}.article-content li{margin:.5rem 0}.article-content :not(pre)>code{color:#03b5fc;background:#03b5fc1f;border-radius:6px;padding:.2rem .4rem;font-family:monospace}.article-content pre{background:0 0;border-radius:0;margin:0;padding:1.25rem;font-size:.95rem;overflow-x:auto}.article-content .hljs{background:0 0!important;padding:0!important}.code-block{background:#0d1117;border:1px solid #ffffff14;border-radius:12px;margin:2rem 0;overflow:hidden}.code-header{background:#161b22;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.2rem 1rem;display:flex}.code-language{color:#03b5fc;letter-spacing:.08em;font-size:.8rem;font-weight:700}.copy-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.4rem .8rem;transition:all .2s;display:flex}.copy-btn:hover{color:#03b5fc;background:#03b5fc26}.copy-btn:active{transform:scale(.96)}.copy-btn svg{font-size:.9rem}@media (max-width:768px){.code-header{padding:.65rem .8rem}.copy-btn{padding:.35rem .7rem;font-size:.85rem}.code-language{font-size:.75rem}}.share-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:2rem}.share-title{color:#fff;margin-bottom:1rem;font-size:1.2rem}.share-buttons{flex-wrap:wrap;gap:1rem;display:flex}.share-buttons button{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;transition:all .25s;display:flex}.share-buttons button:hover{color:#03b5fc;background:#03b5fc14;border-color:#03b5fc;transform:translateY(-2px)}.share-buttons svg{font-size:1rem}@media (max-width:768px){.share-buttons{flex-direction:column}.share-buttons button{justify-content:center}}.reading-progress-container{z-index:1005;width:100%;height:3px;position:fixed;top:68px;left:0;overflow:hidden}.reading-progress-bar{transform-origin:0;will-change:transform;background:#03b5fc;width:100%;height:100%;transform:scaleX(0)}