*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary: #0a0e1a;--bg-secondary: #0f1424;--bg-tertiary: #141a2e;--bg-card: #161d33;--bg-code: #0d1117;--text-primary: #e8eaf0;--text-secondary: #9ca3b8;--text-muted: #6b7394;--accent-cyan: #1d9ffc;--accent-cyan-dim: rgba(29, 159, 252, .15);--accent-cyan-glow: rgba(29, 159, 252, .3);--accent-purple: #a549ec;--accent-purple-dim: rgba(165, 73, 236, .15);--accent-green: #34d399;--accent-orange: #f59e0b;--accent-pink: #d848d5;--syn-keyword: #a549ec;--syn-string: #c3e88d;--syn-number: #f78c6c;--syn-property: #6da3fb;--syn-type: #1d9ffc;--syn-comment: #546e7a;--syn-punctuation: #6da3fb;--syn-function: #6da3fb;--syn-key: #d848d5;--syn-value-str: #c3e88d;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Consolas", "Monaco", monospace;--section-padding: 6rem 0;--container-max: 1200px;--container-padding: 0 1.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-width:320px;overflow-x:hidden}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#4db8ff}img{max-width:100%;display:block}code{font-family:var(--font-mono)}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}@media(max-width:768px){:root{--section-padding: 4rem 0}}@media(max-width:480px){:root{--section-padding: 3rem 0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:#0a0e1ad9;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:28px;width:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}@media(max-width:640px){.nav-links{display:none}}.footer{padding:3rem 0;border-top:1px solid rgba(255,255,255,.06)}.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{font-weight:600;color:var(--text-secondary);font-size:.9rem}.footer-brand a{color:var(--accent-cyan)}.footer-links{display:flex;gap:1.5rem;list-style:none}.footer-links a{color:var(--text-muted);font-size:.85rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-note{width:100%;text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:1rem}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);margin-bottom:1rem}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;max-width:700px;margin:0 auto}.blog-page{padding:8rem 0 4rem;min-height:80vh}.blog-category{margin-bottom:3rem}.blog-category-title{font-size:1.1rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}.blog-card{display:block;padding:1.5rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--transition-base),transform var(--transition-base)}.blog-card:hover{border-color:var(--accent-cyan-glow);transform:translateY(-2px);color:var(--text-primary)}.blog-card-category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan);margin-bottom:.75rem}.blog-card-title{font-size:1.15rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.5rem}.blog-card-excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.blog-card-meta{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.blog-post-header{max-width:720px;margin:0 auto 3rem}.blog-back-link{display:inline-block;font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;transition:color var(--transition-fast)}.blog-back-link:hover{color:var(--accent-cyan)}.blog-post-title{font-size:2.2rem;font-weight:700;line-height:1.2;margin-top:.75rem;margin-bottom:1rem}.blog-post-content{max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.blog-post-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem}.blog-post-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.blog-post-content p{margin-bottom:1.25rem}.blog-post-content strong{color:var(--text-primary);font-weight:600}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content code{background:var(--bg-code);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em;color:var(--accent-cyan)}.blog-post-content pre{background:var(--bg-code);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.blog-post-content pre code{background:none;padding:0;color:var(--text-primary)}.blog-post-content table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.blog-post-content th{text-align:left;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.blog-post-content td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.blog-post-content blockquote{border-left:3px solid var(--accent-cyan);padding-left:1.25rem;margin:1.5rem 0;color:var(--text-muted);font-style:italic}.blog-post-content a{color:var(--accent-cyan);text-decoration:underline;text-underline-offset:2px}.blog-post-content a:hover{color:#4db8ff}.blog-related{max-width:720px;margin:4rem auto 0;padding-top:3rem;border-top:1px solid rgba(255,255,255,.06)}.blog-related-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-post-title{font-size:1.6rem}}@media(max-width:480px){.blog-post-content{font-size:1rem}}