:root{--primary-blue: #0A2463;--accent-blue: #3E92CC;--electric-blue: #00D9FF;--white: #FFFFFF;--off-white: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-600: #475569;--gray-800: #1E293B;--font-mono: "Kode Mono", monospace;--font-sans: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--white);color:var(--gray-800);line-height:1.6}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);padding:1rem 2rem}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--primary-blue);text-decoration:none}.logo span{color:var(--accent-blue)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.85rem;color:var(--gray-600);text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--primary-blue)}.nav-links a.nav-active{color:var(--primary-blue);font-weight:600}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:1001;gap:5px}.hamburger-line{display:block;width:24px;height:2px;background-color:var(--primary-blue);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0a246380;z-index:998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}.container{max-width:900px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:750px;margin:0 auto;padding:0 2rem}.blog-header{padding:140px 0 60px;background:var(--off-white)}.blog-header h1{font-size:3rem;color:var(--primary-blue);margin-bottom:1rem}.blog-header p{font-size:1.2rem;color:var(--gray-600);max-width:600px}.blog-posts{padding:60px 0}.blog-posts .container{display:flex;flex-direction:column;gap:1rem}.post-card{display:flex;flex-direction:column;gap:.75rem;padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.post-card:hover{border-color:var(--accent-blue);box-shadow:0 8px 30px #0a246314;transform:translateY(-2px)}.post-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em}.post-title{font-size:1.4rem;font-weight:700;color:var(--primary-blue);text-decoration:none;transition:color .3s ease;line-height:1.3}.post-title:hover{color:var(--accent-blue)}.post-excerpt{font-size:.975rem;color:var(--gray-600);line-height:1.7}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.post-tag{font-family:var(--font-mono);font-size:.7rem;background:var(--gray-100);color:var(--gray-600);padding:.25rem .75rem;border-radius:20px;text-decoration:none;transition:background .3s ease}.post-tag:hover{background:var(--gray-200)}.read-more{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-blue);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem}.read-more:hover{color:var(--primary-blue)}.read-more svg{transition:transform .3s ease}.read-more:hover svg{transform:translate(4px)}.post-header{padding:140px 0 40px}.post-header h1{font-size:2.5rem;color:var(--primary-blue);line-height:1.2;margin-bottom:1.5rem}.post-header .post-excerpt{font-size:1.25rem;color:var(--gray-600);border-left:4px solid var(--accent-blue);padding-left:1.5rem}.post-header .post-tags{margin-top:2rem}.post-content{padding:40px 0 80px;line-height:1.8}.post-content h2{font-size:1.75rem;color:var(--primary-blue);margin:2.5rem 0 1rem}.post-content h3{font-size:1.25rem;color:var(--primary-blue);margin:2rem 0 .75rem}.post-content p{font-size:1.1rem;color:var(--gray-800);margin-bottom:1.5rem}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:1.5rem}.post-content li{font-size:1.1rem;color:var(--gray-800);margin-bottom:.75rem}.post-content strong{color:var(--primary-blue)}.post-content a{color:var(--accent-blue);text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content code{font-family:var(--font-mono);background:var(--gray-100);padding:.2rem .5rem;border-radius:4px;font-size:.95rem}.post-content pre{border-radius:10px;overflow-x:auto;margin:1.5rem 0;padding:1.5rem;font-size:.9rem;line-height:1.6}.post-content pre code{background:none;padding:0;font-size:inherit;border-radius:0}.post-content blockquote{background:var(--off-white);border-left:4px solid var(--accent-blue);padding:1.5rem;margin:1.5rem 0;font-style:italic}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.post-content th,.post-content td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.post-content th{background:var(--gray-100);font-family:var(--font-mono);font-size:.85rem;color:var(--primary-blue)}.tip-box{background:linear-gradient(135deg,#3e92cc1a,#00d9ff1a);border:1px solid var(--accent-blue);border-radius:8px;padding:1.5rem;margin:2rem 0}.tip-box strong{color:var(--accent-blue)}.warning-box{background:linear-gradient(135deg,#eab3081a,#f59e0b1a);border:1px solid #f59e0b;border-radius:8px;padding:1.5rem;margin:2rem 0}.warning-box strong{color:#d97706}.author-box{background:var(--off-white);border-radius:12px;padding:2rem;margin:3rem 0;display:flex;gap:1.5rem;align-items:center}.author-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:top center;flex-shrink:0;border:2px solid var(--gray-200)}.author-info h4{font-size:1.1rem;color:var(--primary-blue);margin-bottom:.25rem}.author-info p{font-size:.95rem;color:var(--gray-600);margin:0}.cta-box{background:var(--primary-blue);border-radius:12px;padding:3rem;text-align:center;margin:3rem 0}.cta-box h3{color:var(--white);font-size:1.5rem;margin-bottom:1rem}.cta-box p{color:#fffc;margin-bottom:1.5rem}.cta-box a{display:inline-block;background:var(--electric-blue);color:var(--primary-blue);font-family:var(--font-mono);font-weight:600;padding:1rem 2rem;border-radius:8px;text-decoration:none;transition:transform .3s ease}.cta-box a:hover{transform:translateY(-2px)}.post-nav{display:flex;justify-content:space-between;padding:2rem 0;border-top:1px solid var(--gray-200);margin-top:2rem}.post-nav a{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-blue);text-decoration:none;display:flex;align-items:center;gap:.5rem}.post-nav a:hover{color:var(--primary-blue)}.pagination{display:flex;justify-content:center;gap:.5rem;padding:2rem 0}.pagination a,.pagination span{font-family:var(--font-mono);font-size:.9rem;padding:.5rem 1rem;border-radius:6px;text-decoration:none}.pagination a{color:var(--accent-blue);background:var(--gray-100)}.pagination a:hover{background:var(--gray-200)}.pagination .current{color:var(--white);background:var(--primary-blue)}footer{background:var(--primary-blue);padding:3rem 0;text-align:center}footer p{font-family:var(--font-mono);font-size:.85rem;color:#fff9}footer a{color:var(--electric-blue);text-decoration:none}.tags-list{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.tags-list a{font-family:var(--font-mono);font-size:.85rem;background:var(--gray-100);color:var(--gray-600);padding:.5rem 1rem;border-radius:20px;text-decoration:none;transition:all .3s ease}.tags-list a:hover{background:var(--accent-blue);color:var(--white)}@media (max-width: 768px){.mobile-menu-btn{display:flex}.mobile-menu-overlay{display:block;pointer-events:none}.mobile-menu-overlay.active{pointer-events:auto}.nav-links{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--white);flex-direction:column;padding:100px 2rem 2rem;gap:0;box-shadow:-5px 0 30px #0a246326;transition:right .3s ease;z-index:999}.nav-links.active{right:0}.nav-links li{border-bottom:1px solid var(--gray-200)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:1rem 0;font-size:1rem;color:var(--gray-800)}.nav-links a:hover{color:var(--accent-blue)}.blog-header h1{font-size:2rem}.post-header h1{font-size:1.75rem}.author-box{flex-direction:column;text-align:center}.post-content table{font-size:.85rem}.post-content th,.post-content td{padding:.75rem .5rem}}.dev-signature[data-astro-cid-37fxchfa]{margin-top:.4rem;opacity:.85;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px}.dev-icon[data-astro-cid-37fxchfa]{font-family:monospace;font-size:.95rem;color:#1a73ae;transition:transform .25s ease,color .25s ease,text-shadow .25s ease}.dev-signature[data-astro-cid-37fxchfa]:hover .dev-icon[data-astro-cid-37fxchfa]{transform:translateY(-1px) scale(1.08);color:#00d9ff;text-shadow:0 0 6px rgba(0,217,255,.45)}.nav-cta[data-astro-cid-37fxchfa]{display:flex;align-items:center;gap:8px;margin-left:1.5rem;flex-shrink:0}.nav-cta-link[data-astro-cid-37fxchfa]{display:inline-flex;align-items:center;gap:5px;font-family:monospace;font-size:.82rem;font-weight:600;color:#1a73ae;text-decoration:none;padding:5px 11px;border-radius:6px;border:1px solid rgba(62,146,204,.3);background:#3e92cc0f;transition:transform .25s ease,color .25s ease,text-shadow .25s ease,background .25s ease,border-color .25s ease}.nav-cta-link[data-astro-cid-37fxchfa]:hover{transform:translateY(-1px) scale(1.06);color:#00d9ff;text-shadow:0 0 6px rgba(0,217,255,.45);background:#00d9ff14;border-color:#00d9ff66}.footer-links[data-astro-cid-37fxchfa]{margin-top:.6rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .6rem}.footer-links[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]{font-family:monospace;font-size:.82rem;color:#1a73ae;text-decoration:none;display:inline-block;transition:transform .25s ease,color .25s ease,text-shadow .25s ease}.footer-links[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:hover{transform:translateY(-1px) scale(1.08);color:#00d9ff;text-shadow:0 0 6px rgba(0,217,255,.45)}.footer-sep[data-astro-cid-37fxchfa]{color:#64748b59;font-size:.8rem;user-select:none}.footer-social[data-astro-cid-37fxchfa]{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:1.5rem}.footer-social[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:.82rem;color:#ffffff8c;text-decoration:none;transition:color .25s ease}.footer-social[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa]:hover{color:#00d9ff}@media (max-width: 768px){.nav-cta[data-astro-cid-37fxchfa]{display:none}}