*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.15}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted buttontext}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;margin:0}p,blockquote,dl,dd,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none}fieldset{border:none;margin:0;padding:0}textarea{resize:vertical}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#3b82f6;--color-primary-50:#2563eb0d;--color-primary-100:#2563eb1a;--color-primary-200:#2563eb33;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-dark:#1f2937;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-success-light:#d1fae5;--color-success-dark:#047857;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, 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;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-none:0;--radius-sm:.125rem;--radius:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--header-height:80px;--footer-height:100px;--chatbot-width:380px;--chatbot-height:600px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1400px;--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--gradient-to-r:linear-gradient(to right, var(--tw-gradient-stops));--gradient-to-br:linear-gradient(to bottom right, var(--tw-gradient-stops));--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-hero:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-bg-secondary) 100%)}@media (prefers-color-scheme:dark){:root{--color-text-primary:#fff;--color-text-secondary:#e5e7eb;--color-text-muted:#d1d5db;--color-text-inverse:#111827;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-dark:#0f172a;--color-border:#475569;--color-border-light:#64748b;--color-border-dark:#334155;--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-primary-50:#3b82f61a;--color-primary-100:#3b82f626;--color-primary-200:#3b82f640}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1.1}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary);transition:color var(--duration-200) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}ul,ol{margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--color-text-primary)}pre{background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow-x:auto}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-secondary);font-style:italic}strong,b{font-weight:var(--font-semibold);color:var(--color-text-primary)}em,i{font-style:italic}small{font-size:var(--text-sm);color:var(--color-text-muted)}.section__title{font-size:var(--text-4xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-12);color:var(--color-text-primary);position:relative}.section__title:after{content:"";bottom:-var(--space-4);background:var(--gradient-primary);border-radius:var(--radius-full);width:60px;height:4px;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-color-scheme:dark){h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}p{color:var(--color-text-secondary)}strong,b,.section__title{color:var(--color-text-primary)}}@media (width<=768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.section__title{font-size:var(--text-3xl);margin-bottom:var(--space-8)}}@media (width<=480px){h1{font-size:var(--text-3xl)}h2,.section__title{font-size:var(--text-2xl)}}.btn-primary-fill{padding:var(--space-2) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-200) var(--ease-out)}.btn-primary-fill:hover{background:var(--color-primary-dark)}@media (prefers-color-scheme:dark){.btn-primary-fill{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}}body{font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);line-height:var(--leading-relaxed)}.blog-topbar{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.blog-topbar__inner{max-width:var(--container-md);padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.blog-topbar__brand{font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text-primary);text-decoration:none}.blog-topbar__home{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.blog-topbar__home:hover{color:var(--color-primary)}.blog{max-width:var(--container-md);padding:var(--space-8) var(--space-4) var(--space-16);margin:0 auto}.blog__status{color:var(--color-text-muted);padding:var(--space-6) 0}.blog__heading{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-8)}.blog__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blog__item{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);gap:var(--space-1);flex-direction:column;display:flex}.blog__item-link{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);text-decoration:none}.blog__item-link:hover{color:var(--color-primary)}.blog__item-meta{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.blog__item-date,.blog__item-reading-time{font-size:var(--text-sm);color:var(--color-text-muted)}.blog__item-reading-time:before{content:"·";margin-right:var(--space-2)}.blog__draft-label{padding:var(--space-0-5) var(--space-2);border:1px solid var(--color-warning);border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.blog__back{margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:inline-block}.blog__back:hover{color:var(--color-primary)}.blog__post-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.blog__post-meta{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.blog__post-date,.blog__post-reading-time{font-size:var(--text-sm);color:var(--color-text-muted)}.blog__post-reading-time:before{content:"·";margin-right:var(--space-2)}.blog__post-nav{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog__post-nav-link{gap:var(--space-1);max-width:45%;color:var(--color-text-primary);flex-direction:column;text-decoration:none;display:flex}.blog__post-nav-next{text-align:right;margin-left:auto}.blog__post-nav-label{font-size:var(--text-sm);color:var(--color-text-muted)}.blog__post-nav-title{font-weight:var(--font-semibold)}.blog__post-nav-link:hover .blog__post-nav-title{color:var(--color-primary)}@media (width<=640px){.blog__post-nav-link{max-width:100%}}.blog__related{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog__related-heading{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.blog__related-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.blog__related-link{color:var(--color-text-primary);font-weight:var(--font-medium);text-decoration:none}.blog__related-link:hover{color:var(--color-primary)}.blog__post-body{font-size:var(--text-lg);color:var(--color-text-secondary)}.blog__post-body>:first-child{margin-top:0}.blog__post-body h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:var(--space-10) 0 var(--space-4)}.blog__post-body h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:var(--space-8) 0 var(--space-3)}.blog__post-body p,.blog__post-body ul,.blog__post-body ol,.blog__post-body blockquote{margin:0 0 var(--space-5)}.blog__post-body ul,.blog__post-body ol{padding-left:var(--space-6)}.blog__post-body li{margin-bottom:var(--space-2)}.blog__post-body a{color:var(--color-primary);text-decoration:underline}.blog__post-body img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:var(--space-4) 0}.blog__post-body blockquote{padding-left:var(--space-4);border-left:3px solid var(--color-border-dark);color:var(--color-text-muted);font-style:italic}.blog__post-body code{font-family:var(--font-mono);background-color:var(--color-bg-tertiary);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius);font-size:.9em}.blog__post-body pre{background-color:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);margin:0 0 var(--space-5);overflow-x:auto}.blog__post-body pre code{background:0 0;padding:0}.blog__post-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}@media (width<=640px){.blog__heading,.blog__post-title{font-size:var(--text-3xl)}.blog__post-body{font-size:var(--text-base)}}