:root{--bg:#0B1220;--surface:#111B2E;--surface-2:#16233B;--text:#E7EEF9;--text-2:#B6C2D9;--muted:#7F8CAA;--border:#223257;--link:#4C8DFF;--link-hover:#76A8FF;--accent:#4C8DFF;--accent-2:#42D3C9;--success:#2ECC71;--warning:#F2C94C;--danger:#EB5757;--focus:#42D3C9;--shadow:rgba(0, 0, 0, 0.35);--font-sans:'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-base:18px;--text-base-mobile:16px;--lh-body:1.7;--container:1120px;--content:72ch;--sidebar:300px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-1:8px;--radius-2:12px;--radius-3:16px;--radius-pill:999px;--shadow-1:0 8px 24px var(--shadow);--shadow-2:0 16px 48px var(--shadow);--ease:cubic-bezier(0.2, 0.8, 0.2, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--dur-theme:220ms;--dur-hover:160ms;--dur-enter:400ms;color-scheme:dark}html[data-theme=light]{color-scheme:light;--bg:#F6F8FC;--surface:#FFFFFF;--surface-2:#EEF2FA;--text:#0B1220;--text-2:#3B4A66;--muted:#6B778C;--border:#D6DEEC;--link:#1B63E6;--link-hover:#144DB5;--accent:#1B63E6;--accent-2:#0EA5A4;--success:#1E9E56;--warning:#C58A12;--danger:#C73939;--focus:#1B63E6;--shadow:rgba(11, 18, 32, 0.12)}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-body);background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur-theme)var(--ease),color var(--dur-theme)var(--ease)}@media(max-width:767px){body{font-size:var(--text-base-mobile)}}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:color var(--dur-hover)var(--ease)}a:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}.container{max-width:var(--container);margin:0 auto;padding:0 24px}@media(max-width:767px){.container{padding:0 20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:100;transition:width 80ms linear;pointer-events:none}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)saturate(1.8);-webkit-backdrop-filter:blur(16px)saturate(1.8);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border);transition:background var(--dur-theme)var(--ease),border-color var(--dur-theme)var(--ease)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:12px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-decoration:none;flex-shrink:0}.brand:hover{color:var(--text);text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:transform var(--dur-hover)var(--ease),border-color var(--dur-hover)var(--ease)}.brand:hover .brand-mark{transform:scale(1.05);border-color:var(--accent)}.brand-text{font-size:15px}.nav{display:flex;gap:4px;align-items:center}.nav a{color:var(--text-2);font-weight:500;font-size:15px;padding:8px 12px;border-radius:var(--radius-1);position:relative;text-decoration:none;transition:color var(--dur-hover)var(--ease),background var(--dur-hover)var(--ease)}.nav a:hover{color:var(--text);background:color-mix(in srgb,var(--surface-2) 60%,transparent);text-decoration:none}.nav a[aria-current=page]{color:var(--accent);font-weight:600}.nav a[aria-current=page]::after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:2px;background:var(--accent);border-radius:1px}.header-actions{display:flex;gap:8px;align-items:center}.header-cta{font-size:14px;padding:8px 16px}@media(max-width:1023px){.nav{display:none}.header-cta{display:none}.burger{display:inline-flex}}@media(min-width:1024px){.burger{display:none}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-1);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--text-2);cursor:pointer;transition:all var(--dur-hover)var(--ease);flex-shrink:0}.icon-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--surface);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}html[data-theme=light] .theme-toggle .icon-sun{display:block}html[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme-toggle] .icon-sun{display:none}[data-theme-toggle] .icon-moon{display:block}html[data-theme=light] [data-theme-toggle] .icon-sun{display:block}html[data-theme=light] [data-theme-toggle] .icon-moon{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--dur-hover)var(--ease)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1);text-decoration:none;color:var(--text)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-lg{padding:14px 24px;font-size:16px;border-radius:var(--radius-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,#fff);border-color:color-mix(in srgb,var(--accent) 85%,#fff);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-secondary{background:var(--surface-2);border-color:var(--border)}.btn-ghost{background:0 0;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border);color:var(--text);box-shadow:none}.offcanvas{position:fixed;inset:0;display:none;z-index:80}.offcanvas[aria-hidden=false]{display:block}.offcanvas-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.offcanvas-panel{position:absolute;right:0;top:0;height:100%;width:min(360px,88vw);background:var(--bg);border-left:1px solid var(--border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);animation:slideIn 240ms var(--ease)}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.offcanvas-title{font-weight:800;font-size:18px}.offcanvas-nav{display:flex;flex-direction:column;gap:6px}.offcanvas-nav a{padding:12px 14px;border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;transition:all var(--dur-hover)var(--ease)}.offcanvas-nav a:hover{border-color:var(--accent);text-decoration:none}.offcanvas-nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.offcanvas-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4)}.offcanvas-social{display:flex;gap:8px}.hero-section{position:relative;padding:var(--space-8)0;overflow:hidden;min-height:80vh;display:flex;align-items:center}@media(max-width:767px){.hero-section{min-height:auto;padding:var(--space-7)0}}.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-grid-svg{position:absolute;inset:0;color:var(--text)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 12s var(--ease)infinite alternate}.hero-orb--1{width:500px;height:500px;background:var(--accent);top:-20%;left:-10%;animation-duration:14s}.hero-orb--2{width:400px;height:400px;background:var(--accent-2);bottom:-15%;right:-5%;animation-duration:10s;animation-delay:-4s}.hero-orb--3{width:300px;height:300px;background:color-mix(in srgb,var(--accent) 50%,var(--accent-2));top:40%;left:50%;animation-duration:16s;animation-delay:-8s}@keyframes orbFloat{0%{transform:translate(0,0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}100%{transform:translate(10px,-10px)scale(1.02)}}html[data-theme=light] .hero-orb{opacity:.15}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-7);align-items:center}@media(max-width:1023px){.hero-content{grid-template-columns:1fr}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 60%,transparent);backdrop-filter:blur(8px);color:var(--accent-2);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-5)}.hero-badge__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);animation:pulse 2s ease infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(36px,5vw,52px);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:0 0 var(--space-5);background:linear-gradient(135deg,var(--text) 0%,var(--text-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .hero-title{background:linear-gradient(135deg,var(--text) 0%,var(--text-2) 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-2);margin:0 0 var(--space-6);max-width:52ch;line-height:1.65}@media(max-width:767px){.hero-subtitle{font-size:16px}}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:var(--space-6)}.hero-chips{display:flex;flex-wrap:wrap;gap:8px}.hero-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-1);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 50%,transparent);backdrop-filter:blur(4px);color:var(--text-2);font-weight:500;font-size:13px;transition:all var(--dur-hover)var(--ease)}.hero-chip:hover{border-color:var(--accent);color:var(--text)}.hero-visual{display:flex;justify-content:center}@media(max-width:1023px){.hero-visual{display:none}}.hero-terminal{width:100%;max-width:420px;border-radius:var(--radius-3);border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(12px);overflow:hidden;box-shadow:var(--shadow-2)}.hero-terminal__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.hero-terminal__dot{width:12px;height:12px;border-radius:50%}.hero-terminal__dot--red{background:#ff5f57}.hero-terminal__dot--yellow{background:#febc2e}.hero-terminal__dot--green{background:#28c840}.hero-terminal__title{margin-left:auto;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.hero-terminal__body{padding:20px;font-family:var(--font-mono);font-size:14px;line-height:2}.hero-terminal__body code{font-family:inherit}.t-muted{color:var(--muted)}.t-cmd{color:var(--accent);font-weight:600}.t-string{color:var(--accent-2)}.t-success{color:var(--success)}.t-cursor{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-photo{width:min(380px,70vw);height:auto;border-radius:var(--radius-3);border:1px solid var(--border);box-shadow:var(--shadow-2)}.about-section{padding:var(--space-8)0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-7);align-items:start}@media(max-width:1023px){.about-grid{grid-template-columns:1fr}}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.stat-card{padding:var(--space-5);border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface-2);text-align:center;transition:all var(--dur-hover)var(--ease)}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 10%,transparent)}.stat-card__number{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--accent);margin-bottom:4px}.stat-card__label{font-size:13px;color:var(--muted);font-weight:500}.section-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.section-heading{font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em;margin:0 0 var(--space-6);line-height:1.2}.approach-section{padding:var(--space-8)0}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:1023px){.approach-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.approach-steps{grid-template-columns:1fr}}.approach-step{padding:var(--space-5);border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface);position:relative;transition:all var(--dur-hover)var(--ease)}.approach-step:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 10%,transparent)}.approach-step__icon{width:44px;height:44px;border-radius:var(--radius-2);background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center;color:var(--accent);margin-bottom:var(--space-4)}.approach-step__num{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.06em;font-family:var(--font-mono);margin-bottom:var(--space-2)}.approach-step__title{font-size:17px;font-weight:700;margin:0 0 var(--space-2)}.approach-step__desc{font-size:14px;color:var(--text-2);margin:0;line-height:1.6}.principles-section{padding:var(--space-8)0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media(max-width:1023px){.principles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.principles-grid{grid-template-columns:1fr}}.principle-card{padding:var(--space-5);border-radius:var(--radius-2);border:1px solid var(--border);background:var(--bg);transition:all var(--dur-hover)var(--ease)}.principle-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent-2) 10%,transparent)}.principle-card__icon{width:44px;height:44px;border-radius:var(--radius-2);background:color-mix(in srgb,var(--accent-2) 12%,transparent);display:grid;place-items:center;color:var(--accent-2);margin-bottom:var(--space-4)}.principle-card h3{font-size:16px;font-weight:700;margin:0 0 var(--space-2)}.principle-card p{font-size:14px;color:var(--text-2);margin:0;line-height:1.6}.cta-section{padding:var(--space-7)0 var(--space-8)}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-6)var(--space-7);border-radius:var(--radius-3);border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.cta-band::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.cta-band__title{font-size:22px;font-weight:800;margin:0 0 var(--space-2);letter-spacing:-.02em}.cta-band__text{color:var(--text-2);margin:0;max-width:52ch;font-size:15px}@media(max-width:767px){.cta-band{padding:var(--space-5);flex-direction:column;align-items:flex-start}}.section{padding:var(--space-8)0}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.page-title{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0;font-weight:800}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}@media(max-width:1023px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}}.article-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-2);overflow:hidden;display:flex;flex-direction:column;transition:all var(--dur-hover)var(--ease);container-type:inline-size}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--accent)}.article-card a:hover{text-decoration:none}.article-card__media{aspect-ratio:16/9;background:var(--surface-2);border-bottom:1px solid var(--border);overflow:hidden}.article-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease)}.article-card:hover .article-card__media img{transform:scale(1.03)}.article-card__media--placeholder{display:grid;place-items:center;color:var(--muted)}.article-card__body{padding:var(--space-4)var(--space-5)var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.article-card__category{display:inline-flex;align-self:flex-start;padding:3px 10px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:650;font-size:12px;letter-spacing:.02em}.article-card__title{margin:0;font-size:17px;line-height:1.3;font-weight:700}.article-card__title a{color:var(--text);text-decoration:none}.article-card__title a:hover{color:var(--accent)}.article-card__summary{margin:0;color:var(--text-2);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__footer{margin-top:auto;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;padding-top:var(--space-3);border-top:1px solid var(--border)}.fade-up{animation:fadeUp var(--dur-enter)var(--ease)both}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:var(--space-7);color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-2)}.empty-state svg{margin:0 auto var(--space-4)}h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:800}h2{font-size:clamp(22px,3vw,28px);line-height:1.2;margin:0 0 12px;font-weight:700;letter-spacing:-.015em}h3{font-size:clamp(18px,2.5vw,22px);line-height:1.25;margin:0 0 10px;font-weight:650}h4{font-size:18px;line-height:1.3;margin:0 0 8px;font-weight:600}.prose{max-width:var(--content)}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.015em}.prose p{margin:0 0 1em}.prose ul,.prose ol{margin:0 0 1.1em 1.1em}.prose li{margin:.35em 0}.prose blockquote{margin:1.4em 0;padding:16px 20px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface-2) 70%,transparent);border-radius:0 var(--radius-2)var(--radius-2)0;color:var(--text-2)}.prose :is(h2,h3,h4){scroll-margin-top:90px}.prose code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--accent)}.prose pre{margin:1.4em 0;padding:20px;border-radius:var(--radius-2);border:1px solid var(--border);background:#0b1020;overflow:auto}html[data-theme=light] .prose pre{background:#1e1e2e}.prose pre code{border:0;background:0 0;padding:0;font-size:14px;line-height:1.7;color:#e7eef9}.prose pre code .hljs-attr{color:#4c8dff}.prose pre code .hljs-string{color:#42d3c9}.prose pre code .hljs-number{color:#f2c94c}.prose pre code .hljs-literal{color:#f2c94c}.prose pre code .hljs-keyword{color:#c792ea}.prose pre code .hljs-comment{color:#7f8caa}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface);margin:1.4em 0}.prose table{border-collapse:collapse;width:100%;min-width:520px}.prose th,.prose td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}.prose thead th{background:var(--surface-2);font-weight:650;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.prose tbody tr{transition:background var(--dur-hover)var(--ease)}.prose tbody tr:hover{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}.callout{border-radius:var(--radius-2);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent);padding:16px 20px;margin:1.4em 0;position:relative;padding-left:24px}.callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-2)0 0 var(--radius-2);background:var(--accent-2)}.callout[data-variant=info]::before{background:var(--accent)}.callout[data-variant=warning]::before{background:var(--warning)}.callout[data-variant=danger]::before{background:var(--danger)}.callout[data-variant=success]::before{background:var(--success)}.callout[data-variant=info]{background:color-mix(in srgb,var(--accent) 6%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.callout[data-variant=warning]{background:color-mix(in srgb,var(--warning) 6%,var(--surface-2));border-color:color-mix(in srgb,var(--warning) 20%,var(--border))}.callout[data-variant=danger]{background:color-mix(in srgb,var(--danger) 6%,var(--surface-2));border-color:color-mix(in srgb,var(--danger) 20%,var(--border))}.callout[data-variant=success]{background:color-mix(in srgb,var(--success) 6%,var(--surface-2));border-color:color-mix(in srgb,var(--success) 20%,var(--border))}.post-header{max-width:var(--content);margin:0 auto var(--space-6)}.post-category-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:650;font-size:13px;letter-spacing:.02em;margin-bottom:var(--space-4);text-decoration:none}.post-category-badge:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);text-decoration:none;color:var(--accent)}.post-title{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:800;margin:0 0 var(--space-4)}.post-lead{margin:0 0 var(--space-5);color:var(--text-2);font-size:18px;line-height:1.6}.post-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted);font-size:14px}.post-tags{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:8px}.post-tag{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:0 0;color:var(--text-2);font-weight:600;font-size:13px;text-decoration:none;transition:all var(--dur-hover)var(--ease)}.post-tag:hover{text-decoration:none;color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.post-cover{max-width:calc(var(--content) + var(--sidebar) + var(--space-7));margin:0 auto var(--space-6);border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.post-cover img{width:100%;height:auto}.post-layout{display:grid;grid-template-columns:minmax(0,var(--content))minmax(0,var(--sidebar));gap:var(--space-7);align-items:start}@media(max-width:1023px){.post-layout{grid-template-columns:1fr}}.post-sidebar{display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:1023px){.post-sidebar{order:-1}}.toc{position:sticky;top:80px;border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface);padding:var(--space-4)}.toc summary{cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;list-style:none;user-select:none}.toc summary::-webkit-details-marker{display:none}.toc-body{margin-top:var(--space-3);font-size:14px}.toc-body ul{list-style:none;padding-left:0;margin:0}.toc-body ul ul{padding-left:16px}.toc-body li{margin:2px 0}.toc-body a{color:var(--text-2);text-decoration:none;display:block;padding:4px 8px;border-radius:6px;transition:all var(--dur-hover)var(--ease);font-size:13px;line-height:1.5}.toc-body a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);text-decoration:none}.author-card{border:1px solid var(--border);border-radius:var(--radius-2);background:var(--surface);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.author-card__avatar{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.author-card__name{font-weight:700;font-size:15px}.author-card__role{font-size:13px;color:var(--muted)}.related-section{margin-top:var(--space-8);padding-top:var(--space-7);border-top:1px solid var(--border)}.pre-wrap{position:relative}.copy-btn{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:var(--radius-1);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,8%);font-weight:600;font-size:12px;font-family:var(--font-mono);color:var(--text-2);cursor:pointer;opacity:0;transform:translateY(-2px);transition:all var(--dur-hover)var(--ease);z-index:2}.pre-wrap:hover .copy-btn,.pre-wrap:focus-within .copy-btn{opacity:1;transform:translateY(0)}.copy-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.pre-wrap pre{padding-top:40px}.field{display:grid;gap:6px}label{font-weight:650;font-size:15px}input,select,textarea{font:inherit;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-1);padding:12px 14px;transition:border-color var(--dur-hover)var(--ease),box-shadow var(--dur-hover)var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}textarea{min-height:140px;resize:vertical}.help{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.site-footer{border-top:1px solid var(--border);padding:var(--space-7)0 var(--space-6);margin-top:0;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:var(--space-6)}@media(max-width:1023px){.footer-grid{grid-template-columns:1fr}}.footer-brand .brand{margin-bottom:var(--space-4)}.footer-desc{color:var(--text-2);max-width:48ch;font-size:15px;line-height:1.6;margin:0}.footer-title{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 var(--space-4)}.footer-links{display:grid;gap:10px}.footer-links a{color:var(--text-2);font-size:15px;display:inline-flex;align-items:center;text-decoration:none;transition:color var(--dur-hover)var(--ease)}.footer-links a:hover{color:var(--text);text-decoration:none}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-copy{color:var(--muted);font-size:14px}.footer-meta{color:var(--muted);font-size:14px}.footer-meta a{color:var(--text-2)}.error-page{text-align:center;padding:var(--space-8)0;max-width:520px;margin:0 auto}.error-page__code{font-size:clamp(80px,15vw,140px);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.error-page__title{font-size:24px;margin:0 0 var(--space-3)}.error-page__text{color:var(--text-2);margin:0 0 var(--space-6)}.error-page__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(8px);color:var(--text-2);cursor:pointer;display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:all var(--dur-hover)var(--ease);z-index:40;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{color:var(--text);border-color:var(--accent);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-weight:650;font-size:12px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-1);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-weight:600;font-size:14px}.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:14px}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-2);padding:var(--space-5);transition:all var(--dur-hover)var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-1);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.card a:hover{text-decoration:none}@view-transition{navigation: auto;
}::view-transition-old(root),::view-transition-new(root){animation-duration:200ms}.post-figure{margin:2em 0;padding:0}.post-figure__media{border-radius:var(--radius-2);overflow:hidden;border:1px solid var(--border);background:var(--surface-2);line-height:0}.post-figure__media img{width:100%;height:auto;display:block;transition:transform 400ms var(--ease)}.post-figure:hover .post-figure__media img{transform:scale(1.01)}.post-figure__caption{margin-top:var(--space-3);font-size:14px;color:var(--muted);text-align:center;line-height:1.5;font-style:italic}.highlight{background:0 0}.chroma{background:0 0;color:#e7eef9;border-collapse:collapse;width:100%}.chroma td.lntd{padding:0;border:0;vertical-align:top}.chroma td.lntd:first-child{width:1px;white-space:nowrap;border-right:1px dashed rgba(127,140,170,.2)}.chroma td.lntd:first-child pre{padding-right:14px!important;padding-left:16px!important;background:rgba(255,255,255,2%)!important}.chroma td.lntd:last-child pre{padding-left:16px!important}.chroma .lnt,.chroma .ln{color:rgba(127,140,170,.45);user-select:none;-webkit-user-select:none;font-size:13px;padding:0;margin-right:0}.chroma pre{margin:0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important;padding:16px 0!important}.chroma code{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:#e7eef9;background:0 0;border:0;padding:0}.chroma .k,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:#c792ea}.chroma .s,.chroma .s1,.chroma .s2,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .se,.chroma .sh,.chroma .si,.chroma .ss,.chroma .sx,.chroma .dl{color:#42d3c9}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .il{color:#f2c94c}.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .cp,.chroma .cpf,.chroma .cs{color:#7f8caa;font-style:italic}.chroma .na,.chroma .nb,.chroma .nc,.chroma .nf,.chroma .nn{color:#4c8dff}.chroma .o,.chroma .ow{color:#89ddff}.chroma .p{color:#b6c2d9}.chroma .nx{color:#e7eef9}.chroma .err{color:#eb5757}.codeblock{margin:1.6em 0;border-radius:var(--radius-2);border:1px solid var(--border);overflow:hidden;background:#0b1020;box-shadow:0 4px 16px rgba(0,0,0,.2)}html[data-theme=light] .codeblock{background:#1e1e2e}.codeblock__header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(255,255,255,4%);border-bottom:1px solid rgba(255,255,255,8%)}.codeblock__dots{display:flex;gap:6px}.codeblock__dot{width:12px;height:12px;border-radius:50%}.codeblock__dot--red{background:#ff5f57}.codeblock__dot--yellow{background:#febc2e}.codeblock__dot--green{background:#28c840}.codeblock__title{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.5);flex:1}.codeblock__lang{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-2);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-1);background:rgba(66,211,201,.1);border:1px solid rgba(66,211,201,.15)}.codeblock__body{position:relative;overflow-x:auto}.codeblock__body .highlight,.codeblock__body .highlight pre,.codeblock__body pre{margin:0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important}.prose .highlight{margin:1.4em 0;border-radius:var(--radius-2);border:1px solid var(--border);background:#0b1020;overflow:hidden}html[data-theme=light] .prose .highlight{background:#1e1e2e}.codeblock .highlight{margin:0!important;border:0!important;border-radius:0!important}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity 500ms var(--ease),transform 500ms var(--ease)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.approach-steps .scroll-reveal:nth-child(1){transition-delay:0ms}.approach-steps .scroll-reveal:nth-child(2){transition-delay:60ms}.approach-steps .scroll-reveal:nth-child(3){transition-delay:120ms}.approach-steps .scroll-reveal:nth-child(4){transition-delay:180ms}.approach-steps .scroll-reveal:nth-child(5){transition-delay:240ms}.approach-steps .scroll-reveal:nth-child(6){transition-delay:300ms}.principles-grid .scroll-reveal:nth-child(1){transition-delay:0ms}.principles-grid .scroll-reveal:nth-child(2){transition-delay:60ms}.principles-grid .scroll-reveal:nth-child(3){transition-delay:120ms}.principles-grid .scroll-reveal:nth-child(4){transition-delay:180ms}.about-stats .scroll-reveal:nth-child(1){transition-delay:0ms}.about-stats .scroll-reveal:nth-child(2){transition-delay:80ms}.about-stats .scroll-reveal:nth-child(3){transition-delay:160ms}.about-stats .scroll-reveal:nth-child(4){transition-delay:240ms}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-orb{animation:none!important;opacity:.2}.t-cursor{animation:none!important}.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}}