@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f8f9fa;--bg-surface:#fff;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fafbfa;--border:#e2e8f0;--border-subtle:#edf2f7;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent-blue:#3b28cc;--accent-teal:#319795;--accent-violet:#805ad5;--accent-amber:#dd6b20;--gradient-hero:linear-gradient(135deg, #fff 0%, #f8f9fa 60%);--gradient-accent:linear-gradient(135deg, #3b28cc, #5a4bdf);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000a, 0 2px 4px #00000005;--shadow-glow:0 0 24px #3b28cc1f;--transition:.2s ease;--max-width:100%}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition), background var(--transition);background:#f8f9facc;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--border-subtle);background:#fffffff2}.navbar__inner{max-width:var(--max-width);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__brand{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:var(--space-2);letter-spacing:-.02em;transition:color var(--transition);font-weight:600;display:flex}.navbar__brand:hover{color:var(--accent-blue)}.navbar__dot{border-radius:var(--radius-full);background:var(--gradient-accent);flex-shrink:0;width:8px;height:8px;display:inline-block}.navbar__links{gap:var(--space-6);list-style:none;display:flex}.navbar__links a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition);padding-bottom:2px;font-weight:500;position:relative}.navbar__links a:after{content:"";background:var(--accent-blue);width:0;height:1px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.navbar__links a:hover{color:var(--text-primary)}.navbar__links a:hover:after{width:100%}.author-card{align-items:flex-start;gap:var(--space-5);padding:var(--space-8) var(--space-6);max-width:var(--max-width);border-bottom:1px solid var(--border-subtle);margin:0 auto;display:flex}.author-card__avatar{border-radius:var(--radius-md);background:var(--accent-blue);width:52px;height:52px;font-size:var(--text-lg);color:#fff;letter-spacing:-.02em;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.author-card__info{flex:1}.author-card__name{font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-1);font-weight:600}.author-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.author-card__links{gap:var(--space-4);display:flex}.author-card__link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);transition:color var(--transition), border-color var(--transition), background var(--transition);padding:4px 10px;font-weight:500;display:inline-flex}.author-card__link:hover{color:var(--text-primary);border-color:var(--accent-blue);background:#4f8ef714}.featured-post{max-width:var(--max-width);padding:var(--space-8) var(--space-6);background:var(--bg-surface);border-bottom:1px solid #0000;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:0 auto;margin-top:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.featured-post__badge{border-radius:var(--radius-sm);margin-bottom:var(--space-5);background:#3b28cc14;flex-direction:column;gap:0;padding:4px 10px;display:inline-flex}.featured-post__badge span{color:var(--accent-blue);letter-spacing:.08em;font-size:.65rem;font-weight:700;line-height:1.3}.featured-post__title{font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-5);font-weight:700;line-height:1.25}.featured-post__excerpt{font-size:var(--text-base);color:var(--text-secondary);max-width:60ch;margin-bottom:var(--space-8);line-height:1.7}.featured-post__meta{align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.featured-post__meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:inline-flex}.featured-post__meta-item svg{color:var(--text-muted);flex-shrink:0}.featured-post__cta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff;border-radius:var(--radius-md);background:var(--accent-blue);transition:background var(--transition), transform var(--transition);padding:10px 20px;font-weight:600;display:inline-flex}.featured-post__cta:hover{background:#2a1b9e;transform:translate(2px)}.post-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.post-card:before{content:"";background:var(--accent-blue);opacity:0;width:3px;transition:opacity var(--transition);position:absolute;top:0;bottom:0;left:0}.post-card:hover{background:var(--bg-card-hover);border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-card:hover:before{opacity:1}.post-card--project{border-color:#2dd4bf1a}.post-card--project:before{background:var(--accent-teal)}.post-card--note{border-color:#fbbf2414}.post-card--note:before{background:var(--accent-amber)}.post-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.post-card__content{flex:1}.post-card__title{font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-2);transition:color var(--transition);font-weight:600;line-height:1.4}.post-card:hover .post-card__title{color:var(--accent-blue)}.post-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.post-card__tag{font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);white-space:nowrap;transition:border-color var(--transition), color var(--transition);flex-shrink:0;padding:4px 10px;font-weight:500}.post-card:hover .post-card__tag{border-color:var(--border);color:var(--text-secondary)}.post-card__footer{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.post-card__meta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);display:inline-flex}.post-card__stack{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.post-card__tech{border-radius:var(--radius-sm);color:var(--accent-teal);background:#2dd4bf14;border:1px solid #2dd4bf2e;padding:2px 7px;font-size:.65rem;font-weight:500}.post-card__project-links{gap:var(--space-3);margin-left:auto;display:flex}.post-card__project-link{font-size:var(--text-xs);color:var(--accent-blue);transition:color var(--transition);font-weight:500}.post-card__project-link:hover{color:var(--accent-violet)}.tab-section{max-width:var(--max-width);padding:var(--space-8) var(--space-6);margin:0 auto}.tab-section__tabs{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-6);gap:0;display:flex}.tab-section__tab{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-3) var(--space-5);padding-bottom:calc(var(--space-3) + 1px);transition:color var(--transition);background:0 0;border:none;margin-bottom:-1px;font-weight:500;position:relative}.tab-section__tab:after{content:"";background:var(--accent-blue);height:2px;transition:transform var(--transition);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tab-section__tab:hover{color:var(--text-secondary)}.tab-section__tab--active{color:var(--text-primary)}.tab-section__tab--active:after{transform:scaleX(1)}.tab-section__list{gap:var(--space-4);flex-direction:column;display:flex}.skills{max-width:var(--max-width);padding:var(--space-10) var(--space-6);border-top:1px solid var(--border-subtle);margin:0 auto}.skills__title{font-size:var(--text-xs);letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-6);font-weight:600}.skills__grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.skills__item{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);cursor:default;box-shadow:var(--shadow-sm);display:flex}.skills__item:hover{background:var(--bg-card-hover);border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.skills__icon{font-size:var(--text-base);width:28px;height:28px;color:var(--accent-blue);border-radius:var(--radius-sm);background:#3b28cc0d;border:1px solid #3b28cc1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skills__label{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition);font-weight:500}.skills__item:hover .skills__label{color:var(--text-primary)}.blog-home{min-height:100vh;padding-top:64px}.post-page{max-width:100%;padding:calc(var(--space-16) + 40px) 5% var(--space-16);background:var(--bg-surface);min-height:100vh}.post-page__not-found{max-width:100%;padding:calc(var(--space-16) + 40px) 5% var(--space-16);text-align:center}.post-page__back{font-size:var(--text-sm);color:var(--accent-blue);margin-bottom:var(--space-6);transition:color var(--transition);font-weight:500;display:inline-block}.post-page__back:hover{color:var(--accent-violet);text-decoration:underline}.post-page__header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.post-page__title{font-size:var(--text-4xl);color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:700;line-height:1.2}.post-page__meta{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);display:flex}.post-page__tag{color:var(--accent-blue);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-xs);background:#3b28cc14;padding:4px 10px}.post-page__content{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.8}.post-page__content h2{font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);letter-spacing:-.02em;font-weight:700}.post-page__content h3{font-size:var(--text-xl);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3);font-weight:600}.post-page__content p{margin-bottom:var(--space-5)}.post-page__content ul{margin-bottom:var(--space-6);padding-left:var(--space-6)}.post-page__content li{margin-bottom:var(--space-2)}.post-page__content hr{border:0;border-top:1px solid var(--border-subtle);margin:var(--space-10) 0}.post-page__summary{background:var(--bg-base);padding:var(--space-6);border-radius:var(--radius-md);border-left:4px solid var(--accent-blue);font-size:var(--text-base)}.footer{border-top:1px solid var(--border-subtle);padding:var(--space-8) var(--space-6);margin-top:var(--space-8)}.footer__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.footer__brand{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:-.02em;font-weight:600}.footer__copy{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.footer__links{gap:var(--space-5);display:flex}.footer__links a{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--transition);font-weight:500}.footer__links a:hover{color:var(--text-secondary)}