:root{--brand: #1f2937;--brand-dark: #111827;--brand-darker: #030712;--brand-light: #4b5563;--brand-rgb: 31, 41, 55;--white: #ffffff;--bg: #f9fafb;--bg-soft: #f3f4f6;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--nav-bg: #ffffff;--nav-color: #1f2937;--nav-border: #e5e7eb;--nav-link-hover: #f3f4f6;--nav-btn-outline: #d1d5db;--nav-shadow: 0 1px 3px rgba(0, 0, 0, .05);--hero-bg: #f3f4f6;--hero-color: #111827;--hero-subtitle: #4b5563;--hero-input-bg: #ffffff;--hero-input-border: #d1d5db;--hero-input-color: #111827;--hero-input-placeholder: #9ca3af;--hero-btn-bg: #1f2937;--hero-btn-color: #ffffff;--hero-btn-hover: #111827;--card-bg: #ffffff;--card-border: #e5e7eb;--card-hover-border: #c3c6cb;--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--cta-bg: #1f2937;--cta-color: #ffffff;--cta-text: #d1d5db;--footer-bg: #111827;--footer-color: #9ca3af;--footer-title-color: #ffffff;--footer-border: #1f2937;--footer-link: #9ca3af;--footer-link-hover: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.05);--shadow-lg: 0 12px 24px rgba(0,0,0,.08);--container: 1180px}html.dark{--brand: #f3f4f6;--brand-dark: #e5e7eb;--brand-darker: #ffffff;--brand-light: #9ca3af;--brand-rgb: 243, 244, 246;--white: #ffffff;--bg: #0b0f19;--bg-soft: #111827;--gray-100: #111827;--gray-200: #1f2937;--gray-300: #374151;--gray-400: #4b5563;--gray-500: #9ca3af;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc;--nav-bg: #0b0f19;--nav-color: #f9fafb;--nav-border: #1f2937;--nav-link-hover: #1f2937;--nav-btn-outline: #374151;--nav-shadow: 0 4px 12px rgba(0, 0, 0, .3);--hero-bg: #111827;--hero-color: #f9fafb;--hero-subtitle: #9ca3af;--hero-input-bg: #1f2937;--hero-input-border: #374151;--hero-input-color: #f9fafb;--hero-input-placeholder: #6b7280;--hero-btn-bg: #f3f4f6;--hero-btn-color: #111827;--hero-btn-hover: #ffffff;--card-bg: #111827;--card-border: #1f2937;--card-hover-border: #374151;--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .3);--cta-bg: #111827;--cta-color: #f9fafb;--cta-text: #9ca3af;--footer-bg: #080b12;--footer-color: #6b7280;--footer-title-color: #f9fafb;--footer-border: #111827;--footer-link: #9ca3af;--footer-link-hover: #ffffff}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit}ul{list-style:none;padding:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);color:var(--nav-color);border-bottom:1px solid var(--nav-border);transition:box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.nav.is-scrolled{box-shadow:var(--nav-shadow)}.nav__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:72px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:19px;color:var(--nav-color);letter-spacing:-.01em}.brand__mark,.brand__logo{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--bg-soft);color:var(--brand);object-fit:cover;border:1px solid var(--nav-border)}.brand__logo{background:transparent!important;border:none!important;border-radius:0}.logo-light-theme{display:block}.logo-dark-theme{display:none}html.dark .logo-light-theme{display:none!important}html.dark .logo-dark-theme{display:block!important}.brand__text{color:var(--nav-color)}.brand__text--accent{font-weight:400;opacity:.9}.nav__menu{display:flex;align-items:center;justify-content:center;gap:4px}.nav__link{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:var(--r-md);color:var(--gray-600);font-weight:500;font-size:15px;transition:all .15s}.nav__link:hover,.nav__link.is-active{background:var(--nav-link-hover);color:var(--nav-color)}.nav__chevron{transition:transform .2s}.nav__dropdown{position:relative}.nav__dropdown:hover .nav__chevron{transform:rotate(180deg)}.nav__dropdown-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);min-width:210px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transition:all .18s ease}.nav__dropdown:hover .nav__dropdown-panel{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav__dropdown-panel a{display:block;padding:9px 12px;border-radius:var(--r-sm);color:var(--gray-600);font-size:14px;font-weight:500}.nav__dropdown-panel a:hover{background:var(--bg-soft);color:var(--brand)}.nav__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-md);color:var(--gray-600);transition:all .15s}.icon-btn:hover{background:var(--nav-link-hover);color:var(--nav-color)}.nav__search-form{display:flex;align-items:center;position:relative;border-radius:var(--r-md);background:transparent;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav__search-form.is-expanded{background:var(--bg-soft);border-color:var(--nav-border)}.nav__search-input{width:0;padding:0;border:none;background:transparent;outline:none;font-size:14px;color:var(--nav-color);opacity:0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s ease,opacity .2s ease}.nav__search-form.is-expanded .nav__search-input{width:180px;padding:8px 12px;opacity:1}@media (max-width: 480px){.nav__search-form.is-expanded .nav__search-input{width:120px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.btn--outline-white{background:transparent;color:var(--nav-color);border-color:var(--nav-btn-outline)}.btn--outline-white:hover{background:var(--nav-link-hover);border-color:var(--nav-color)}.btn--primary{background:var(--brand);color:var(--bg)}.btn--primary:hover{background:var(--brand-dark)}html.dark .btn--primary{color:var(--gray-900)}.btn--white{background:var(--hero-btn-bg);color:var(--hero-btn-color)}.btn--white:hover{background:var(--hero-btn-hover)}.btn--ghost{background:transparent;color:var(--cta-color);border-color:#fff6}.btn--ghost:hover{background:#ffffff1a}.nav__burger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--r-md)}.nav__burger:hover{background:var(--nav-link-hover)}.nav__burger span{width:20px;height:2px;background:var(--nav-color);border-radius:2px;transition:.25s}.hero{position:relative;background:var(--hero-bg);color:var(--hero-color);text-align:center;padding:88px 24px 96px;border-bottom:1px solid var(--card-border)}.hero__inner{max-width:720px;margin:0 auto}.hero__title{font-size:clamp(32px,5vw,44px);line-height:1.18;font-weight:600;letter-spacing:-.015em;margin-bottom:18px;color:var(--hero-color)}.hero__subtitle{font-size:17px;font-weight:400;color:var(--hero-subtitle);max-width:560px;margin:0 auto 32px;line-height:1.6}.hero__form{display:flex;gap:10px;max-width:460px;margin:0 auto}.hero__input{flex:1;background:var(--hero-input-bg);border:1px solid var(--hero-input-border);border-radius:var(--r-md);outline:none;color:var(--hero-input-color);padding:12px 16px;font-size:15px;transition:all .15s}.hero__input::placeholder{color:var(--hero-input-placeholder)}.hero__input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--gray-200)}html.dark .hero__input:focus{box-shadow:0 0 0 3px var(--gray-700)}.posts{padding:72px 0 80px}.section-head{margin-bottom:40px;text-align:center}.section-title{font-size:28px;font-weight:600;letter-spacing:-.015em;color:var(--gray-900)}.section-sub{color:var(--gray-600);margin-top:8px;font-size:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:all .22s ease}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card.is-hidden{display:none}.card__cover{position:relative;aspect-ratio:16 / 10;width:100%;display:block;overflow:hidden;background:var(--bg-soft)}.card__cover svg{width:100%;height:100%;display:block}.card__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.card:hover .card__cover-img{transform:scale(1.04)}.card__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}.card__title{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.005em;color:var(--gray-900)}.card__title a:hover{color:var(--brand)}.card__excerpt{color:var(--gray-600);font-size:14px;line-height:1.6;flex:1}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.tag{font-size:12px;font-weight:500;padding:3px 10px;border-radius:var(--r-md);background:var(--bg-soft);color:var(--gray-600)}.card__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gray-500);padding-top:10px;border-top:1px solid var(--card-border);margin-top:6px}.card__meta .avatar{width:24px;height:24px;font-size:10px}.card__author{color:var(--gray-700);font-weight:500}.card__dot{color:var(--gray-300)}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:600;color:var(--white);background:var(--brand);flex-shrink:0}html.dark .avatar{color:var(--gray-900)}.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:40px}.chip{padding:7px 16px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--gray-600);background:var(--bg-soft);border:1px solid var(--card-border);transition:all .15s}.chip:hover{background:var(--gray-200);color:var(--gray-900)}.chip.is-active{background:var(--brand);color:var(--bg);border-color:var(--brand)}html.dark .chip.is-active{color:var(--gray-900)}.pagination{margin-top:56px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pagination__nums{display:flex;gap:6px;margin-inline:8px}.page{min-width:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-md);font-weight:500;font-size:14px;color:var(--gray-700);border:1px solid var(--card-border);background:var(--card-bg);transition:all .15s}.page:hover:not(:disabled):not(.is-active){border-color:var(--gray-400);color:var(--gray-900)}.page.is-active{background:var(--brand);border-color:var(--brand);color:var(--bg)}html.dark .page.is-active{color:var(--gray-900)}.page:disabled{opacity:.45;cursor:not-allowed}.pagination__ellipsis{padding:0 4px;color:var(--gray-400)}.cta{padding:0 0 90px}.cta__card{background:var(--cta-bg);color:var(--cta-color);border-radius:var(--r-xl);padding:64px 40px;text-align:center;border:1px solid var(--card-border)}.cta__title{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.015em;margin-bottom:12px;color:var(--cta-color)}.cta__text{color:var(--cta-text);max-width:500px;margin:0 auto 28px;font-size:16px}.cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{background:var(--footer-bg);color:var(--footer-color);padding:64px 0 28px;border-top:1px solid var(--footer-border)}.footer__inner{display:grid;grid-template-columns:1.5fr 2fr;gap:56px;padding-bottom:40px;border-bottom:1px solid var(--footer-border)}.footer .brand{margin-bottom:16px}.footer__tag{max-width:300px;font-size:15px;line-height:1.6;color:var(--footer-color)}.footer__actions,.footer__apps{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-md);background:var(--bg-soft);color:var(--gray-800);border:1px solid var(--card-border);transition:all .15s}.store-btn:hover{background:var(--gray-200)}.store-btn span{display:flex;flex-direction:column;line-height:1.15;text-align:left}.store-btn small{font-size:10px;opacity:.75}.store-btn strong{font-size:14px;font-weight:600}.footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.footer__col h4{color:var(--footer-title-color);font-size:14px;font-weight:600;margin-bottom:16px}.footer__col a{display:block;color:var(--footer-link);font-size:14px;padding:5px 0;transition:color .15s}.footer__col a:hover{color:var(--footer-link-hover)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;flex-wrap:wrap}.footer__copy{font-size:14px;color:var(--footer-color)}.footer__social{display:flex;gap:10px}.footer__social a{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--bg-soft);color:var(--gray-800);border:1px solid var(--card-border);transition:all .15s}.footer__social a:hover{background:var(--gray-200);transform:translateY(-2px)}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,1fr)}.footer__inner{grid-template-columns:1fr;gap:36px}.footer__cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.nav__inner{grid-template-columns:auto auto}.nav__menu,.nav__cta-desktop{display:none}.nav__burger{display:flex}.nav__menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px;position:absolute;top:72px;left:0;right:0;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:16px 24px 24px;box-shadow:var(--shadow-lg)}.nav__menu.is-open .nav__dropdown-panel{position:static;opacity:1;visibility:visible;transform:none;background:var(--bg-soft);box-shadow:none;padding:6px 0 6px 12px}.nav__menu.is-open .nav__dropdown-panel a{color:var(--gray-600)}.hero__form{flex-direction:column}.grid{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding-inline:18px}.hero{padding:56px 18px 64px}.cta__card{padding:44px 22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.article-hero{padding:64px 0 0}.article-back{display:inline-flex;align-items:center;gap:6px;color:var(--gray-500);font-weight:500;font-size:14px;margin-bottom:28px;transition:color .15s}.article-back:hover{color:var(--brand)}.article-head{max-width:760px;margin:0 auto;text-align:center}.article-head .card__tags{justify-content:center;margin-bottom:18px}.article-title{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:18px;color:var(--gray-900)}.article-excerpt{font-size:18px;color:var(--gray-600);margin-bottom:28px}.article-author{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gray-600);font-size:14px;flex-wrap:wrap}.article-author .avatar{width:40px;height:40px;font-size:13px}.article-cover{max-width:1000px;margin:40px auto 0;aspect-ratio:21/9;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-soft)}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:56px;position:relative}@media (min-width: 1024px){.article-grid.has-toc{grid-template-columns:minmax(0,1fr) 280px}}.article-main{min-width:0}.article-body{font-size:18px;line-height:1.75;color:var(--gray-700);padding-bottom:40px}.article-grid:not(.has-toc) .article-body{max-width:720px;margin-inline:auto}.article-body h2{font-size:28px;font-weight:800;color:var(--gray-900);margin:40px 0 14px;letter-spacing:-.01em;scroll-margin-top:100px}.article-body h3{font-size:22px;font-weight:700;color:var(--gray-900);margin:32px 0 12px;scroll-margin-top:100px}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body a{color:var(--brand);text-decoration:underline}.article-body strong{color:var(--gray-900)}.article-body blockquote{border-left:4px solid var(--brand);background:var(--bg-soft);padding:16px 20px;border-radius:0 var(--r-md) var(--r-md) 0;margin:24px 0;font-style:italic;color:var(--gray-700)}.article-body pre{background:#0f141c;color:#e4e7ec;padding:20px;border-radius:var(--r-md);overflow-x:auto;margin:24px 0;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:14.5px;line-height:1.6}.article-body code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:.9em}.article-body p code,.article-body li code{background:var(--bg-soft);color:var(--brand);padding:2px 7px;border-radius:6px}.article-body pre code{background:none;color:inherit;padding:0}.article-footer{border-top:1px solid var(--gray-200);padding-top:32px;margin-top:48px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.article-sidebar{display:none}@media (min-width: 1024px){.article-sidebar{display:block;position:sticky;top:100px;height:fit-content;padding-left:20px;border-left:1px solid var(--gray-200)}}.toc-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--gray-500);margin-bottom:14px}.toc-list{display:flex;flex-direction:column;gap:10px}.toc-item{font-size:14px;color:var(--gray-600);line-height:1.4;transition:color .15s}.toc-item:hover{color:var(--brand)}.toc-item.level-3{padding-left:16px;font-size:13px;opacity:.85}.progress-bar-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1000}.progress-bar{height:100%;background:var(--brand);width:0%;transition:width .1s ease-out}html.dark .progress-bar{background:var(--white)}.author-card{display:flex;gap:20px;padding:24px;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--r-lg);margin-top:48px;align-items:center;transition:background-color .2s ease,border-color .2s ease}.author-card__avatar{flex-shrink:0}.author-card__avatar img,.author-card__avatar .avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;background:var(--brand);color:var(--bg)}html.dark .author-card__avatar img,html.dark .author-card__avatar .avatar{color:var(--gray-900)}.author-card__content{flex:1}.author-card__name{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.author-card__bio{font-size:14px;color:var(--gray-600);line-height:1.5}@media (max-width: 480px){.author-card{flex-direction:column;text-align:center;padding:20px}}.reactions-widget{text-align:center;margin:48px auto;padding:24px;border-top:1px dashed var(--gray-200);border-bottom:1px dashed var(--gray-200);max-width:600px}.reactions-title{font-size:13px;font-weight:600;color:var(--gray-500);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.reactions-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.reaction-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--gray-700);transition:all .2s ease}.reaction-btn:hover{background:var(--gray-200);border-color:var(--gray-400);transform:scale(1.05)}.reaction-btn.is-active{background:var(--brand);color:var(--bg);border-color:var(--brand)}html.dark .reaction-btn.is-active{color:var(--gray-900)}.reaction-emoji{font-size:18px}.reaction-count{font-weight:600}.related-posts{border-top:1px solid var(--gray-200);padding:56px 0 24px;margin-top:56px}.related-posts__title{font-size:22px;font-weight:700;color:var(--gray-900);margin-bottom:32px}html.dark .sun-icon{display:block}html.dark .moon-icon{display:none}html:not(.dark) .sun-icon{display:none}html:not(.dark) .moon-icon{display:block}.list-head{text-align:center;max-width:720px;margin:0 auto 48px;padding-top:72px}.list-head .tagline{color:var(--brand);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.list-head h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--gray-900)}.list-head p{color:var(--gray-600);font-size:17px}.about{max-width:760px;margin:0 auto;padding:72px 0 90px}.about h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:18px;color:var(--gray-900)}.about p{font-size:17px;line-height:1.75;color:var(--gray-700);margin-bottom:18px}.about h2{font-size:24px;font-weight:700;margin:36px 0 12px;color:var(--gray-900)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}.about-stat{text-align:center;padding:28px 16px;background:var(--bg-soft);border-radius:var(--r-lg);border:1px solid var(--card-border)}.about-stat strong{display:block;font-size:32px;font-weight:800;color:var(--brand)}.about-stat span{color:var(--gray-600);font-size:14px}@media (max-width: 640px){.about-stats{grid-template-columns:1fr}}