@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:light;--bg: #fafafa;--bg-elev: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--ink: #171717;--ink-muted: #737373;--accent: #f97316;--accent-secondary: #ea580c;--accent-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--stroke: rgba(23, 23, 23, .08);--stroke-hover: rgba(23, 23, 23, .15);--shadow-soft: 0 4px 24px -8px rgba(0, 0, 0, .08);--shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(249, 115, 22, .1);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--bg-gradient: radial-gradient(ellipse 100% 80% at 50% -30%, rgba(249, 115, 22, .04), transparent), radial-gradient(ellipse 60% 50% at 100% 0%, rgba(234, 88, 12, .03), transparent)}html.dark{color-scheme:dark;--bg: #0a0a0a;--bg-elev: #171717;--bg-glass: rgba(10, 10, 10, .85);--ink: #fafafa;--ink-muted: #a3a3a3;--stroke: rgba(255, 255, 255, .1);--stroke-hover: rgba(255, 255, 255, .2);--shadow-soft: 0 4px 24px -8px rgba(0, 0, 0, .4);--shadow-hover: 0 20px 40px -12px rgba(0, 0, 0, .5);--bg-gradient: radial-gradient(ellipse 100% 80% at 50% -30%, rgba(249, 115, 22, .08), transparent), radial-gradient(ellipse 60% 50% at 100% 0%, rgba(234, 88, 12, .05), transparent)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;background-color:var(--bg);background-image:var(--bg-gradient);min-height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:transparent;min-height:100vh;min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.container{width:min(1200px,92vw);margin:0 auto}.nav-wrapper{position:sticky;top:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-wrapper.is-scrolled{background:#f8fafcd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #0ea5e91a,0 4px 20px -4px #0000000d}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;animation:fadeSlideDown .6s ease-out;transition:padding .3s ease}.nav-wrapper.is-scrolled .nav{padding:14px 0}.nav__brand{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav__brand a{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav__links{display:flex;align-items:center;gap:8px}.nav__link{position:relative;padding:10px 18px;font-size:.95rem;font-weight:500;color:var(--ink-muted);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.nav__link:hover{color:var(--ink);background:#6366f114}.nav__link:after{content:"";position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--accent-gradient);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav__link:hover:after{width:calc(100% - 36px)}.nav__social{display:flex;align-items:center;gap:6px;margin-left:12px;padding-left:16px;border-left:1px solid var(--stroke)}.social-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--stroke);color:var(--ink-muted);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.social-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-hover)}.social-btn svg{width:20px;height:20px;transition:transform .3s ease}.social-btn:hover svg{transform:scale(1.1)}main.container{flex:1;padding-top:48px;padding-bottom:80px;animation:fadeSlideUp .8s ease-out .2s both}.hero{position:relative;padding:60px 0 48px}.hero__content{display:flex;flex-direction:column;gap:18px}.hero__label{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#f973161a,#ea580c1a);border:1px solid rgba(249,115,22,.2);border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:var(--accent);width:fit-content;animation:fadeSlideUp .6s ease-out}.hero__title{margin:0;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1.4;letter-spacing:-.03em;color:var(--ink)}.hero__subtitle{margin:8px 0 0;font-size:1.02rem;line-height:1.7;color:var(--ink-muted);max-width:680px}.hero__content .hero__subtitle{margin:0}.hero__stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;animation:fadeSlideUp .8s ease-out .2s both}.hero--home .hero__content{align-items:center;text-align:center}.hero--home .hero__title{min-height:2.8em}.hero--home .hero__subtitle{margin-left:auto;margin-right:auto}.hero--home .hero__stats{justify-content:center}.hero--page{padding:48px 0 32px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat__number{font-size:2.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat__label{font-size:.85rem;color:var(--ink-muted);font-weight:500}.section-title{font-size:2rem;font-weight:700;margin:0 0 32px;letter-spacing:-.03em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:32px}.section-header .section-title{margin:0}.posts-section{animation:fadeSlideUp .8s ease-out .3s both}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.filter-chip{padding:10px 20px;border-radius:999px;background:var(--bg-glass);border:1px solid var(--stroke);color:var(--ink-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.filter-chip:hover,.filter-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.post-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;border-radius:var(--radius-lg);border:1px dashed var(--stroke);background:var(--bg-glass);color:var(--ink-muted);text-align:center;max-width:520px;margin:8px auto 0}.empty-state__icon{font-size:2.2rem;line-height:1}.empty-state p{margin:0;font-size:.95rem}.post-card{position:relative;background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--stroke);padding:28px;display:flex;flex-direction:column;gap:16px;transition:all .5s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);overflow:hidden}.post-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity .5s ease;z-index:-1}.post-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--stroke-hover);box-shadow:var(--shadow-hover)}.post-card:hover:before{opacity:.03}.post-card__title{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.4}.post-card__title a{transition:color .3s ease}.post-card__title a:hover{color:var(--accent)}.post-card__excerpt{margin:0;color:var(--ink-muted);font-size:.95rem;line-height:1.6;flex:1}.pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#6366f114;border:none;font-size:.85rem;font-weight:500;color:var(--accent);width:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1)}.pill:hover{background:var(--accent);color:#fff;transform:translate(4px)}a.pill:after{content:"→";margin-left:8px;transition:transform .3s ease}a.pill:hover:after{transform:translate(4px)}.article{display:grid;gap:40px;grid-template-columns:minmax(0,1fr);margin-top:24px}.article__meta{color:var(--ink-muted);font-size:.95rem}.article__body{background:var(--bg-elev);border-radius:var(--radius-xl);border:1px solid var(--stroke);padding:clamp(28px,4vw,48px);box-shadow:var(--shadow-soft)}.content h2,.content h3{font-weight:700;letter-spacing:-.02em;margin-top:40px}.content h2{font-size:1.6rem}.content h3{font-size:1.3rem}.content p{line-height:1.8;color:var(--ink)}.content pre{background:#1e1e2e;color:#cdd6f4;padding:20px;border-radius:var(--radius-md);overflow:auto;font-size:.9rem}.content code{font-family:JetBrains Mono,Cascadia Mono,Courier New,monospace;font-size:.9rem}.content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.content a:hover{color:var(--accent-secondary)}.toc{background:var(--bg-glass);border-radius:var(--radius-lg);border:1px solid var(--stroke);padding:24px;backdrop-filter:blur(12px)}.toc__title{font-size:.85rem;font-weight:600;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.1em}.toc__list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.toc__item{color:var(--ink-muted);font-size:.92rem;transition:all .2s ease;padding-left:12px;border-left:2px solid transparent}.toc__item:hover{color:var(--accent)}.toc__item.is-active{color:var(--accent);font-weight:600;border-left-color:var(--accent)}footer{margin-top:auto;padding:40px 0;color:var(--ink-muted);font-size:.9rem;text-align:center;border-top:1px solid var(--stroke);animation:fadeSlideUp .6s ease-out .4s both}footer a{color:var(--accent);transition:opacity .2s ease}footer a:hover{opacity:.8}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.post-card{animation:fadeSlideUp .6s ease-out both}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.post-card:nth-child(5){animation-delay:.5s}.post-card:nth-child(6){animation-delay:.6s}@media(min-width:960px){.article{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}@media(max-width:720px){.nav{flex-wrap:wrap;gap:16px}.nav__links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav__social{margin-left:0;padding-left:0;border-left:none}.post-grid{grid-template-columns:1fr}.section-title{font-size:1.6rem}.hero{padding:48px 0 32px}.hero__stats{gap:24px}.footer__links{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:600px){.hero--home .hero__title{font-size:clamp(1.15rem,5.8vw,1.8rem);white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.footer{margin-top:auto;background:linear-gradient(180deg,transparent,rgba(14,165,233,.03));border-top:1px solid var(--stroke)}.footer__inner{padding:60px 0 40px;display:grid;gap:40px}.footer__brand{max-width:280px}.footer__logo{font-weight:700;font-size:1.2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__tagline{margin:12px 0 0;color:var(--ink-muted);font-size:.9rem;line-height:1.6}.footer__links{display:flex;gap:60px}.footer__col{display:flex;flex-direction:column;gap:12px}.footer__heading{margin:0 0 4px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.footer__col a{color:var(--ink);font-size:.95rem;transition:color .2s ease}.footer__col a:hover{color:var(--accent)}.footer__bottom{padding-top:24px;border-top:1px solid var(--stroke);font-size:.85rem;color:var(--ink-muted)}@media(min-width:768px){.footer__inner{grid-template-columns:1fr auto;grid-template-rows:auto auto}.footer__brand{grid-row:1}.footer__links{grid-row:1;justify-self:end}.footer__bottom{grid-column:1 / -1}}@media(max-width:720px){.footer__links{flex-direction:column;align-items:flex-start;gap:16px}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal:nth-child(1){transition-delay:0s}.scroll-reveal:nth-child(2){transition-delay:.1s}.scroll-reveal:nth-child(3){transition-delay:.2s}.scroll-reveal:nth-child(4){transition-delay:.3s}.scroll-reveal:nth-child(5){transition-delay:.4s}.scroll-reveal:nth-child(6){transition-delay:.5s}.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--stroke);color:var(--ink-muted);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px)}.theme-toggle:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.theme-toggle svg{width:20px;height:20px;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border:none;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0ea5e94d;z-index:99}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0ea5e966}.back-to-top svg{width:24px;height:24px}.page-transition{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}html.dark .nav-wrapper.is-scrolled{background:#0f172ae6}html.dark .post-card__thumbnail{filter:brightness(.9)}html.is-loading{opacity:0}html{transition:opacity .3s ease}