@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&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:#faf8f5;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fdf9f6;--bg-warm:#fef3ea;--bg-green-light:#f0fdf4;--border:#e8e2da;--border-green:#bbf7d0;--border-orange:#f5c99a;--text-primary:#1c1917;--text-secondary:#57534e;--text-muted:#a8a29e;--orange:#c1621f;--orange-light:#e07830;--orange-bg:#fef0e3;--green:#16a34a;--green-dark:#15803d;--grad-orange:linear-gradient(135deg, #c1621f 0%, #e07830 100%);--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-card:0 2px 12px #0000000d;--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-serif:"Playfair Display", Georgia, 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;--text-5xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition:.2s ease}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background: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%}::-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)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.navbar{z-index:100;background:var(--bg-base);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.navbar--scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.navbar__inner{width:100%;padding:0 var(--space-10);justify-content:space-between;align-items:center;height:60px;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);color:var(--text-primary);transition:opacity var(--transition);text-decoration:none;display:flex}.navbar__brand:hover{opacity:.8}.navbar__avatar{border-radius:var(--radius-md);background:var(--grad-orange);width:40px;height:40px;font-size:var(--text-sm);color:#fff;letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.navbar__name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.navbar__name em{color:var(--orange);font-style:normal}.navbar__links{gap:var(--space-2);list-style:none;display:flex}.navbar__links a{font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition), background var(--transition);padding:7px 16px;font-weight:500}.navbar__links a:hover{color:var(--text-primary);background:var(--bg-card)}.navbar__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--orange);border:1px solid var(--border-orange);border-radius:var(--radius-full);background:var(--orange-bg);transition:all var(--transition);padding:7px 16px;font-weight:600;display:inline-flex}.navbar__back:hover{border-color:var(--orange);background:#fdecd8;transform:translate(-2px)}.navbar__dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.author-card{width:100%;padding:var(--space-12) var(--space-10) var(--space-10);animation:.5s both fadeUp}.author-card__badges{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.author-card__badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-full);border:1.5px solid;padding:8px 18px;font-weight:500;display:inline-flex}.author-card__badge--green{color:var(--green-dark);border-color:var(--border-green);background:var(--bg-green-light)}.author-card__badge--green .badge-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.author-card__badge--neutral{color:var(--text-secondary);border-color:var(--border);background:var(--bg-surface)}.author-card__greeting{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:600}.author-card__name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-6);font-size:clamp(3.5rem,8vw,6rem);font-weight:900;line-height:1}.author-card__role{align-items:center;gap:var(--space-3);font-size:var(--text-base);color:var(--text-secondary);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);padding:10px 20px;font-weight:500;display:inline-flex}.author-card__role-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:8px;height:8px}.author-card__cursor{background:var(--text-muted);vertical-align:middle;border-radius:1px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.author-card__bio{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:680px;line-height:1.7}.author-card__bio .highlight-orange{color:var(--orange);font-weight:600}.author-card__bio .highlight-green{color:var(--green-dark);font-weight:600}.author-card__status{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--orange-bg);border:1.5px solid var(--border-orange);border-radius:var(--radius-lg);margin-bottom:var(--space-8);max-width:680px;display:flex}.author-card__status-dot{background:var(--orange);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.author-card__status-title{font-size:var(--text-base);color:var(--orange);margin-bottom:2px;font-weight:700}.author-card__status-sub{font-size:var(--text-sm);color:var(--text-muted)}.author-card__ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}.author-card__cta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.author-card__cta--primary{background:var(--grad-orange);color:#fff;border:1.5px solid #0000;box-shadow:0 4px 14px #c1621f4d}.author-card__cta--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c1621f66}.author-card__cta--secondary{background:var(--bg-surface);color:var(--text-primary);border:1.5px solid var(--border)}.author-card__cta--secondary:hover{border-color:var(--text-muted);background:var(--bg-card-hover);transform:translateY(-1px)}.featured-post{width:100%;margin-bottom:var(--space-10);padding:var(--space-8) var(--space-10);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);animation:.5s .1s both fadeUp;position:relative;overflow:hidden}.featured-post:before{content:"";background:var(--grad-orange);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.featured-post__badge{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.featured-post__badge-pill{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--grad-orange);border-radius:var(--radius-full);padding:4px 12px;font-weight:700}.featured-post__badge-category{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-weight:500}.featured-post__title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-4);font-weight:800;line-height:1.2}.featured-post__excerpt{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.75}.featured-post__meta{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);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__cta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff;border-radius:var(--radius-lg);background:var(--grad-orange);transition:transform var(--transition), box-shadow var(--transition);padding:11px 22px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #c1621f40}.featured-post__cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c1621f59}.featured-post__cta svg{transition:transform var(--transition)}.featured-post__cta:hover svg{transform:translate(4px)}.post-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);color:inherit;box-shadow:var(--shadow-sm);text-decoration:none;animation:.4s both fadeUp;display:block;position:relative;overflow:hidden}.post-card:first-child{animation-delay:50ms}.post-card:nth-child(2){animation-delay:.1s}.post-card:nth-child(3){animation-delay:.15s}.post-card:nth-child(4){animation-delay:.2s}.post-card:nth-child(5){animation-delay:.25s}.post-card:nth-child(6){animation-delay:.3s}.post-card:before{content:"";background:var(--grad-orange);opacity:0;width:3px;transition:opacity var(--transition);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0}.post-card:hover{border-color:var(--border-orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-card:hover:before{opacity:1}.post-card--project:before{background:linear-gradient(135deg, var(--green), #22c55e)}.post-card--project:hover{border-color:var(--border-green)}.post-card--note:before{background:linear-gradient(135deg,#d97706,#f59e0b)}.post-card--note:hover{border-color:#fde68a}.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.45}.post-card:hover .post-card__title{color:var(--orange)}.post-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.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-base);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-orange);color:var(--orange)}.post-card__footer{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.post-card__meta{align-items:center;gap:var(--space-2);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);background:var(--bg-green-light);color:var(--green-dark);border:1px solid var(--border-green);letter-spacing:.02em;padding:3px 9px;font-size:.68rem;font-weight:600}.post-card__project-links{gap:var(--space-3);margin-left:auto;display:flex}.post-card__project-link{font-size:var(--text-xs);color:var(--orange);border:1px solid var(--border-orange);border-radius:var(--radius-full);background:var(--orange-bg);transition:all var(--transition);padding:4px 12px;font-weight:600}.post-card__project-link:hover{background:var(--grad-orange);color:#fff;border-color:#0000;transform:translateY(-1px)}.tab-section{width:100%;padding:0 var(--space-10) var(--space-16);animation:.5s .2s both fadeUp}.tab-section__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.tab-section__tabs{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:4px;padding:4px;display:inline-flex}.tab-section__tab{cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);border-radius:var(--radius-lg);transition:color var(--transition), background var(--transition);white-space:nowrap;background:0 0;border:none;padding:8px 20px;font-weight:500}.tab-section__tab:hover{color:var(--text-secondary)}.tab-section__tab--active{color:#fff;background:var(--grad-orange);box-shadow:0 2px 8px #c1621f40}.tab-section__tab--active:hover{color:#fff}.tab-section__count{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;font-family:var(--font-mono)}.tab-section__list{gap:var(--space-3);flex-direction:column;display:flex}.skills{width:100%;padding:var(--space-10) var(--space-10) var(--space-16);border-top:1.5px solid var(--border);animation:.5s .3s both fadeUp}.skills__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.skills__title{font-size:var(--text-xs);letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-weight:700}.skills__line{background:linear-gradient(90deg, var(--border) 0%, transparent 100%);border-radius:2px;flex:1;height:1.5px}.skills__grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.skills__item{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);cursor:default;box-shadow:var(--shadow-sm);display:flex}.skills__item:hover{border-color:var(--border-orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.skills__icon{font-size:var(--text-lg);background:var(--orange-bg);border-radius:var(--radius-sm);border:1px solid var(--border-orange);width:36px;height:36px;transition:all var(--transition);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}.post-page{width:100%;padding:var(--space-10) var(--space-10) var(--space-16);min-height:100vh;animation:.5s both fadeUp}.post-page__not-found{width:100%;padding:var(--space-16) var(--space-10);text-align:center}.post-page__header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1.5px solid var(--border)}.post-page__title{font-family:var(--font-serif);font-size:clamp(var(--text-3xl), 4vw, 3rem);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-5);font-weight:800;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{background:var(--orange-bg);color:var(--orange);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-xs);border:1px solid var(--border-orange);padding:4px 12px}.post-page__content{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.85}.post-page__content>p:first-child{font-size:var(--text-xl);color:var(--text-primary);line-height:1.7}.post-page__content h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-12);margin-bottom:var(--space-4);letter-spacing:-.02em;align-items:center;gap:var(--space-3);font-weight:800;display:flex}.post-page__content h2:before{content:"";background:var(--grad-orange);border-radius:2px;flex-shrink:0;width:4px;height:1.1em;display:inline-block}.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:700}.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-3)}.post-page__content li::marker{color:var(--orange)}.post-page__content a{color:var(--orange);text-underline-offset:3px;transition:color var(--transition), text-decoration-color var(--transition);-webkit-text-decoration:underline #c1621f59;text-decoration:underline #c1621f59}.post-page__content a:hover{color:var(--orange-light);-webkit-text-decoration-color:var(--orange-light);text-decoration-color:var(--orange-light)}.post-page__content strong{color:var(--text-primary)}.post-page__content hr{border:0;border-top:1.5px solid var(--border);margin:var(--space-12) 0}.post-page__summary{background:var(--orange-bg);padding:var(--space-6) var(--space-8);border-radius:var(--radius-lg);border-left:4px solid var(--orange);font-size:var(--text-base);border:1.5px solid var(--border-orange);color:var(--text-secondary)}.post-page__back{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--orange);margin-top:var(--space-4);border:1px solid var(--border-orange);border-radius:var(--radius-full);background:var(--orange-bg);transition:all var(--transition);padding:8px 18px;font-weight:600;display:inline-flex}.post-page__back:hover{border-color:var(--orange);background:#fdecd8}.footer{border-top:1.5px solid var(--border);background:var(--bg-surface)}.footer__inner{width:100%;padding:var(--space-8) var(--space-10);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer__brand{font-size:var(--text-sm);color:var(--orange);font-weight:700}.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(--orange)}