*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7;color:#1e293b;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#2563eb;text-decoration:none;transition:color 0.2s ease}a:hover{color:#1d4ed8}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:"Poppins",system-ui,sans-serif;color:#0f172a;line-height:1.2;letter-spacing:-0.02em}p{margin-bottom:1.5em}p:last-child{margin-bottom:0}code{font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:0.875em;background:#f8fafc;color:#2563eb;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}pre{background:#0f172a;color:#e2e8f0;padding:24px;border-radius:8px;overflow-x:auto;margin-bottom:1.5em;font-size:0.875rem;line-height:1.6}pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}blockquote{border-left:3px solid #2563eb;padding:8px 24px;margin:24px 0;color:#64748b;font-style:italic}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid #e2e8f0;margin:40px 0}ul,ol{padding-left:1.5em;margin-bottom:1.5em}ul li,ol li{margin-bottom:0.4em}table{width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:0.9rem}table th{font-family:"Poppins",system-ui,sans-serif;font-weight:600;text-align:left;padding:8px 16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#0f172a}table td{padding:8px 16px;border-bottom:1px solid #e2e8f0}.container{max-width:720px;margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:100;background:rgba(15,23,42,0.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,0.07)}.nav-container{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;padding:8px 4px;text-decoration:none;flex-shrink:0}.nav-logo:hover .nav-logo-img{opacity:0.8}.nav-logo-img{height:36px;width:auto;transition:opacity 0.2s ease}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{color:rgba(255,255,255,0.75);font-size:0.9rem;font-weight:500;padding:8px 16px;border-radius:6px;text-decoration:none;transition:all 0.2s ease}.nav-link:hover{color:#fff;background:rgba(255,255,255,0.1)}.nav-link.active{color:#bfdbfe}.dark-mode-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.75);cursor:pointer;transition:all 0.2s ease;margin-left:8px;flex-shrink:0;padding:0}.dark-mode-toggle:hover{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.4)}.dark-mode-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dark-mode-toggle .icon-sun{display:none}.dark-mode-toggle .icon-moon{display:block}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:transparent;cursor:pointer;padding:0;margin-left:8px;flex-shrink:0}.nav-hamburger span{display:block;width:18px;height:2px;background:rgba(255,255,255,0.8);border-radius:2px;transition:0.2s;transform-origin:center center}.nav-hamburger:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.4)}.nav-hamburger:hover span{background:#fff}.nav-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-main{min-height:calc(100vh - 64px - 160px)}.hero{background:linear-gradient(135deg, #0a1628 0%, #0f172a 40%, #1e3a5f 100%);color:#fff;padding:96px 24px 64px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle, rgba(59,130,246,0.1) 0%, transparent 65%);pointer-events:none}.hero-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.hero-eyebrow{display:inline-block;font-size:0.8rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#bfdbfe;margin-bottom:16px;padding:5px 12px;border:1px solid rgba(191,219,254,0.3);border-radius:4px}.hero-headline{font-family:"Poppins",system-ui,sans-serif;font-size:clamp(2rem, 5vw, 2.75rem);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-0.02em;margin-bottom:16px}.hero-sub{font-size:1.05rem;color:rgba(255,255,255,0.7);line-height:1.75;max-width:540px;margin-bottom:0}.posts-section{padding:64px 0;background:#fff}.section-heading{font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#2563eb;margin-bottom:40px;display:inline-block;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px}.search-wrap{margin-bottom:24px}.search-input{width:100%;padding:11px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:0.95rem;transition:border-color 0.2s ease,box-shadow 0.2s ease;outline:none}.search-input::placeholder{color:#64748b}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.tag-filter-btn{padding:5px 14px;border-radius:100px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.2s ease}.tag-filter-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.tag-filter-btn.active{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600;box-shadow:rgba(37,99,235,0.25) 0 2px 8px}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 24px 16px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(0,0,0,0.1)}.post-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.post-date{font-size:0.8rem;color:#64748b}.post-tag-dot{color:#64748b;font-size:0.85rem}.post-tag{font-size:0.7rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:2px 8px;border-radius:4px}.post-card-title{font-family:"Poppins",system-ui,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:8px;line-height:1.3}.post-card-title a{color:#0f172a;text-decoration:none;transition:color 0.2s ease}.post-card-title a:hover{color:#2563eb}.post-card-excerpt{font-size:0.925rem;color:#64748b;line-height:1.72;margin-bottom:16px}.read-more{font-size:0.875rem;font-weight:600;color:#2563eb;text-decoration:none;display:inline-block}.read-more:hover{text-decoration:underline;color:#1d4ed8}.no-results{color:#64748b;font-style:italic;padding:40px 0}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:40px;border-top:1px solid #e2e8f0;margin-top:40px}.pagination-link{font-size:0.875rem;font-weight:600;color:#2563eb}.pagination-link:hover{color:#1d4ed8}.pagination-info{font-size:0.85rem;color:#64748b}.post{padding:64px 0 96px}.post-header{margin-bottom:64px}.post-header-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.back-link{font-size:0.875rem;font-weight:500;color:#64748b;text-decoration:none;transition:color 0.2s ease}.back-link:hover{color:#0f172a}.post-title{font-family:"Poppins",system-ui,sans-serif;font-size:clamp(1.75rem, 4vw, 2.4rem);font-weight:800;letter-spacing:-0.02em;line-height:1.15;color:#0f172a;margin-bottom:16px}.post-subtitle{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:0}.post-divider{width:48px;height:4px;background:#2563eb;border-radius:2px;margin-top:40px}.post-content{font-size:1.05rem;line-height:1.8}.post-content h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:64px;margin-bottom:16px}.post-content h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin-top:40px;margin-bottom:8px}.post-content h4{font-size:1rem;font-weight:700;color:#0f172a;margin-top:24px;margin-bottom:8px}.post-content p{margin-bottom:1.6em;color:#1e293b}.post-content a{text-decoration:underline;text-underline-offset:3px}.post-content img{border-radius:8px;margin:40px 0;box-shadow:0 2px 12px rgba(0,0,0,0.06)}.post-content .highlight{margin-bottom:1.5em;border-radius:8px;overflow:hidden}.post-subscribe-cta{margin-top:64px;padding:40px 24px;background:#fff;border:1px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);text-align:center}.post-subscribe-cta p{font-size:0.95rem;color:#64748b;margin-bottom:16px}.post-subscribe-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:#2563eb;color:#fff;border:2px solid #2563eb;border-radius:8px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:600;font-size:0.95rem;text-decoration:none;transition:all 0.2s ease;line-height:1}.post-subscribe-cta a:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:rgba(37,99,235,0.35) 0 4px 16px}.post-footer{margin-top:96px;padding-top:40px;border-top:1px solid #e2e8f0}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}.post-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.post-nav-link:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,0.1);border-color:#2563eb}.post-nav-next{text-align:right}.post-nav-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b}.post-nav-title{font-family:"Poppins",system-ui,sans-serif;font-weight:700;font-size:0.9rem;color:#0f172a;line-height:1.3}.post-reactions{margin-top:64px;padding:40px 24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;text-align:center}.reactions-label{font-size:0.9rem;color:#64748b;margin-bottom:16px}.reactions-buttons{display:flex;justify-content:center;gap:16px}.reaction-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:2px solid #e2e8f0;border-radius:100px;background:#fff;color:#64748b;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.reaction-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:#eff6ff;transform:translateY(-1px)}.reaction-btn.reacted{border-color:#2563eb;color:#2563eb;background:#eff6ff}.reaction-btn:disabled{opacity:0.4;cursor:not-allowed}.reaction-icon{width:18px;height:18px;flex-shrink:0}.reaction-count{font-variant-numeric:tabular-nums}.post-reach-out{margin-top:16px;text-align:center}.post-reach-out a{font-size:0.875rem;color:#64748b;text-decoration:none;transition:color 0.2s ease}.post-reach-out a:hover{color:#2563eb}.page-content{padding:64px 0 96px}.about-page{padding:64px 0 96px}.about-header{margin-bottom:64px;padding-bottom:40px;border-bottom:1px solid #e2e8f0}.about-eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#2563eb;margin-bottom:8px;display:inline-block;padding:4px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px}.about-title{font-family:"Poppins",system-ui,sans-serif;font-size:clamp(2rem, 5vw, 2.75rem);font-weight:800;letter-spacing:-0.02em;color:#0f172a;margin-bottom:24px}.about-intro{font-size:1.1rem;color:#64748b;line-height:1.75;max-width:520px}.about-content{font-size:1.05rem;line-height:1.8}.about-content h2{font-size:1.3rem;font-weight:700;color:#0f172a;margin-top:64px;margin-bottom:16px}.about-content p{color:#64748b;margin-bottom:1.6em}.about-content strong{color:#1e293b;font-weight:600}.about-content a{text-decoration:underline;text-underline-offset:3px}.about-projects{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px;margin:24px 0}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform 0.2s ease,box-shadow 0.2s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,0.1)}.project-name{font-family:"Poppins",system-ui,sans-serif;font-weight:700;font-size:0.95rem;color:#0f172a;margin-bottom:4px}.project-desc{font-size:0.85rem;color:#64748b;line-height:1.65}.subscribe-page{padding:64px 0 96px;max-width:520px}.subscribe-heading{font-family:"Poppins",system-ui,sans-serif;font-size:clamp(1.75rem, 4vw, 2.2rem);font-weight:800;letter-spacing:-0.02em;color:#0f172a;margin-bottom:16px}.subscribe-sub{font-size:1.05rem;color:#64748b;line-height:1.75;margin-bottom:40px}.subscribe-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.subscribe-input{flex:1;min-width:200px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:0.95rem;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.subscribe-input::placeholder{color:#64748b}.subscribe-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.subscribe-btn{padding:12px 28px;background:#2563eb;color:#fff;border:2px solid #2563eb;border-radius:8px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;line-height:1}.subscribe-btn:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:rgba(37,99,235,0.35) 0 4px 16px}.subscribe-note{font-size:0.85rem;color:#64748b;margin:0}.site-footer{background:#0f172a;color:#cbd5e1;padding:56px 24px 32px}.footer-inner{max-width:720px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.08)}.footer-brand-name{font-family:"Poppins",system-ui,sans-serif;font-weight:700;font-size:1.05rem;color:#fff;display:block;margin-bottom:4px}.footer-brand-sub{font-size:0.85rem;color:#475569}.footer-right{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.footer-link{color:#94a3b8;font-size:0.875rem;padding:6px 14px;border-radius:6px;text-decoration:none;transition:all 0.2s ease}.footer-link:hover{color:#fff;background:rgba(255,255,255,0.07)}.footer-bottom{text-align:center}.footer-copy{font-size:0.8rem;color:#94a3b8;margin:0}.empty-state{color:#64748b;font-style:italic}@media (max-width: 768px){.hero{padding:64px 24px 40px}.post-nav{grid-template-columns:1fr}.about-projects{grid-template-columns:1fr 1fr}.footer-top{flex-direction:column;gap:24px}}@media (max-width: 700px){.nav-hamburger{display:flex}.nav-links{position:absolute;top:64px;left:0;right:0;background:rgba(15,23,42,0.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-direction:column;align-items:stretch;gap:0;padding:8px 12px 16px;border-bottom:1px solid rgba(255,255,255,0.08);display:none;z-index:99}.nav-links.nav-open{display:flex}.nav-link{padding:12px 16px}.footer-top{flex-direction:column;gap:24px}}@media (max-width: 480px){.about-projects{grid-template-columns:1fr}.post-header-meta{flex-direction:column;align-items:flex-start;gap:8px}.subscribe-form{flex-direction:column}.reactions-buttons{flex-direction:column;align-items:center}}[data-theme="dark"] .site-main,[data-theme="dark"] .posts-section,[data-theme="dark"] .post,[data-theme="dark"] .page-content,[data-theme="dark"] .about-page,[data-theme="dark"] .subscribe-page,[data-theme="dark"] body{background:#0d1117;color:#e6edf3}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{color:#f0f6fc}[data-theme="dark"] a{color:#3b82f6}[data-theme="dark"] a:hover{color:#bfdbfe}[data-theme="dark"] .post-card,[data-theme="dark"] .post-nav-link,[data-theme="dark"] .post-reactions,[data-theme="dark"] .post-subscribe-cta,[data-theme="dark"] .project-card,[data-theme="dark"] .reaction-btn{background:#1c2333;border-color:#30363d}[data-theme="dark"] .post-card:hover,[data-theme="dark"] .post-nav-link:hover{background:#21262d;border-color:#58a6ff}[data-theme="dark"] .post-content p,[data-theme="dark"] .about-content p{color:#c9d1d9}[data-theme="dark"] .post-footer{border-top-color:#30363d}[data-theme="dark"] .search-input,[data-theme="dark"] .subscribe-input{background:#161b22;border-color:#30363d;color:#e6edf3}[data-theme="dark"] .search-input::placeholder,[data-theme="dark"] .subscribe-input::placeholder{color:#6e7681}[data-theme="dark"] .search-input:focus,[data-theme="dark"] .subscribe-input:focus{border-color:#3b82f6}[data-theme="dark"] .tag-filter-btn{background:#161b22;border-color:#30363d;color:#8b949e}[data-theme="dark"] .section-heading,[data-theme="dark"] .about-eyebrow{background:rgba(56,139,253,0.15);border-color:rgba(56,139,253,0.4);color:#79c0ff}[data-theme="dark"] .post-tag{background:rgba(56,139,253,0.15);border-color:rgba(56,139,253,0.4);color:#79c0ff}[data-theme="dark"] .footer-brand-sub{color:#8b949e}[data-theme="dark"] hr,[data-theme="dark"] .post-divider+*,[data-theme="dark"] .about-header{border-color:#30363d}[data-theme="dark"] code{background:#161b22;border-color:#30363d;color:#79c0ff}[data-theme="dark"] table th{background:#161b22;border-color:#30363d;color:#f0f6fc}[data-theme="dark"] table td{border-color:#21262d}[data-theme="dark"] .dark-mode-toggle .icon-sun{display:block}[data-theme="dark"] .dark-mode-toggle .icon-moon{display:none}