:root{--color-primary:#002d8e;--color-primary-light:#0036ad;--color-primary-dark:#001a54;--color-primary-muted:#4d74bc;--color-bg:#faf9f6;--color-bg-paper:#fbfbfb;--color-bg-snow:#f8f9fa;--color-bg-alt:#f2f1ed;--color-bg-accent:#eef2ff;--color-text:#1e1b4b;--color-text-secondary:#4a4a4a;--color-text-muted:#8e8e8e;--color-text-inverse:#fff;--color-border:#e8e6e1;--color-border-light:#f0eee9;--font-display:"Cormorant Garamond", serif;--font-serif-bold:"Playfair Display", serif;--font-body:"Inter", sans-serif;--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:3.25rem;--text-6xl:4.5rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.65;--leading-relaxed:1.8;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1280px;--max-width-narrow:760px;--navbar-height:80px;--ease-out:cubic-bezier(.23, 1, .32, 1);--duration-normal:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);overflow-wrap:break-word}p{overflow-wrap:break-word}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}.grid-bg{position:relative}.grid-bg:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--grid-color,#0033b41f) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color,#0033b41f) 1px, transparent 1px);background-size:var(--grid-size,24px) var(--grid-size,24px);z-index:0;position:absolute;inset:0}.grid-bg>*{z-index:1;position:relative}.grid-bg--dense:before{--grid-size:16px}.grid-bg--loose:before{--grid-size:40px}.grid-bg--fade:before{-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.grid-bg--subtle:before{--grid-color:#0033b414}.navbar{z-index:100;height:var(--navbar-height);padding:0 var(--space-8);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out);background-color:#faf9f6d9;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--color-border);background-color:#faf9f6f2;box-shadow:0 4px 20px #1e1b4b08}.navbar__inner{align-items:center;width:100%;margin:0;display:flex}.navbar__brand{align-items:baseline;text-decoration:none;display:flex}.navbar__name{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:var(--tracking-tight);font-size:1.5rem;font-weight:500}.navbar__dot{border-radius:var(--radius-full);background-color:var(--color-primary);width:5px;height:5px;margin-left:2px;display:inline-block}@media (width<=768px){.navbar{padding:0 var(--space-5);height:72px}}.footer{padding:var(--space-12) var(--space-8);border-top:1px solid var(--color-border-light);background-color:var(--color-bg)}.footer__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer__brand{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-primary-dark);font-weight:600}.footer__brand-group{align-items:center;display:flex}.footer__copy{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}@media (width<=768px){.footer{padding:var(--space-8) var(--space-5)}.footer__inner{gap:var(--space-3);text-align:center;flex-direction:column}}.featured-banner{padding:var(--space-12) 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:opacity var(--duration-normal) var(--ease-out);background:0 0;flex-direction:column;display:flex}.featured-banner:hover{opacity:.85}.featured-banner__content{gap:var(--space-12);grid-template-columns:1fr 1.5fr;align-items:start;display:grid}.featured-banner__category{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);font-weight:600;display:block}.featured-banner__info,.featured-banner__details{flex-direction:column;display:flex}.featured-banner__title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-tight);color:var(--color-primary-dark);margin-bottom:var(--space-6);transition:transform var(--duration-normal) var(--ease-out)}.featured-banner__excerpt{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:680px}.featured-banner__meta{align-items:center;gap:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);display:flex}.featured-banner__grid{display:none}@media (width<=1024px){.featured-banner__content{gap:var(--space-4);grid-template-columns:1fr}.featured-banner__title{font-size:var(--text-4xl)}}@media (width<=768px){.featured-banner{padding:var(--space-8) 0}.featured-banner__title{font-size:var(--text-3xl)}}.home{padding-top:var(--navbar-height);min-height:100vh}.home__inner{max-width:var(--max-width);padding:var(--space-20) var(--space-8);margin:0 auto}.home__intro{margin-bottom:var(--space-12)}.home__intro-title{font-family:JetBrains Mono,monospace;font-size:clamp(var(--text-lg), 4vw, var(--text-2xl));font-weight:500;line-height:var(--leading-tight);color:var(--color-primary-dark);margin-bottom:var(--space-8);letter-spacing:-.02em;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.home__intro-prompt{color:var(--color-primary);opacity:.5;-webkit-user-select:none;user-select:none}.home__intro-name{color:var(--color-primary);margin:0 .25rem;font-weight:700}.home__intro-dir{color:var(--color-text-secondary);opacity:.7;margin-right:.25rem}.home__intro-cmd{color:var(--color-primary-dark);word-break:break-word}.typing-text{color:var(--color-primary-dark);opacity:.85}.typing-cursor{background-color:var(--color-primary);opacity:1;width:2px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.home__intro-subtitle{font-family:var(--font-body);font-size:var(--text-xl);line-height:var(--leading-normal);color:var(--color-text-secondary);max-width:600px}.home__section-label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary-dark);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.home__featured{margin-top:var(--space-16)}@media (width<=768px){.home__inner{padding:var(--space-12) var(--space-5)}.home__intro{margin-bottom:var(--space-12)}.home__intro-title{font-size:var(--text-xl);gap:var(--space-1)}}.mermaid-container{cursor:zoom-in;transition:transform .2s,box-shadow .2s}.mermaid-container:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #002d8e1a,0 8px 10px -6px #002d8e1a;background-color:#002d8e08!important}.mermaid-lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background-color:#faf9f6fa;justify-content:center;align-items:center;padding:4rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.mermaid-lightbox__content{justify-content:center;width:100%;max-width:1400px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex}.mermaid-lightbox__content svg{width:100%!important;height:auto!important;max-height:80vh!important}.mermaid-lightbox__close{color:var(--color-primary);cursor:pointer;opacity:.5;background:0 0;border:none;font-size:2rem;transition:opacity .2s;position:absolute;top:2rem;right:2rem}.mermaid-lightbox__close:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.terminal-back{padding:var(--space-2) 0;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:var(--text-sm);letter-spacing:-.02em;transition:opacity var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;display:inline-flex}.terminal-back__prompt{color:var(--color-primary);opacity:.5;margin-right:.4rem}.terminal-back__name{color:var(--color-primary);margin-right:.4rem;font-weight:700}.terminal-back__dir{color:var(--color-text-secondary);opacity:.7;margin-right:.4rem}.terminal-back__cmd{color:var(--color-primary-dark)}.terminal-back__cursor{color:var(--color-primary);opacity:1;margin-left:2px;animation:1s step-end infinite blink}.terminal-back:hover{opacity:.8}.terminal-back:hover .terminal-back__name{color:var(--color-primary-light)}.article-page{padding-top:var(--navbar-height);min-height:100vh}.article-header{background-color:var(--color-bg-alt);padding:var(--space-20) var(--space-8) var(--space-16);position:relative;overflow:hidden}.article-header__grid{pointer-events:none;background-image:linear-gradient(90deg,#002d8e0d 1px,#0000 1px),linear-gradient(#002d8e0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.article-header__inner{z-index:1;max-width:var(--max-width-narrow);flex-direction:column;margin:0 auto;display:flex;position:relative}.article-header__nav{margin-bottom:var(--space-6)}.article-header__content{flex-direction:column;align-items:flex-start;display:flex}.article-header__back{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;padding:var(--space-2) 0;transition:gap var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500;display:inline-flex}.article-header__back:hover{gap:var(--space-3);color:var(--color-primary-light)}.article-header__back-arrow{transition:transform var(--duration-fast) var(--ease-out)}.article-header__back:hover .article-header__back-arrow{transform:translate(-4px)}.article-header__category{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-primary);background-color:var(--color-bg);border:1.5px solid var(--color-primary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6);font-weight:600;display:inline-flex}.article-header__title{font-family:var(--font-display);font-size:clamp(var(--text-3xl), 4.5vw, var(--text-5xl));font-weight:800;line-height:var(--leading-tight);letter-spacing:-.03em;color:var(--color-primary-dark);margin-bottom:var(--space-6)}.article-header__meta{align-items:center;gap:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.article-header__meta-dot{border-radius:var(--radius-full);background-color:var(--color-text-muted);opacity:.5;width:4px;height:4px}.article-body{max-width:var(--max-width-narrow);padding:var(--space-16) var(--space-8) var(--space-24);margin:0 auto}.article-prose h1{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-primary-dark);margin-top:var(--space-16);margin-bottom:var(--space-6);letter-spacing:-.03em;font-weight:800}.article-prose h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary-dark);margin-top:var(--space-12);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-bg-accent);font-weight:700}.article-prose h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary-dark);margin-top:var(--space-10);margin-bottom:var(--space-3);font-weight:700}.article-prose p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-6)}.article-prose strong{color:var(--color-primary-dark);font-weight:700}.article-prose em{font-style:italic}.article-prose a{color:var(--color-primary);text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out);text-decoration:underline;text-decoration-thickness:1.5px}.article-prose a:hover{color:var(--color-primary-light)}.article-prose ul,.article-prose ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.article-prose ul{list-style:outside}.article-prose ol{list-style:decimal}.article-prose li{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-2)}.article-prose li strong{color:var(--color-primary-dark)}.article-prose blockquote{border-left:4px solid var(--color-primary-muted);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0;background-color:var(--color-bg-accent);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-prose blockquote p{color:var(--color-primary-dark);margin-bottom:0;font-style:italic}.article-prose code{background-color:var(--color-bg-accent);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px 6px;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.9em}.article-prose pre{background-color:var(--color-primary-dark);color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-md);margin:var(--space-8) 0;font-size:var(--text-sm);line-height:var(--leading-normal);overflow-x:auto}.article-prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article-prose hr{background-color:var(--color-bg-accent);height:2px;margin:var(--space-12) 0;border:none}.article-prose table{border-collapse:collapse;width:100%;margin:var(--space-8) 0;font-family:var(--font-body);font-size:var(--text-sm)}.article-prose thead{background-color:var(--color-primary-dark);color:var(--color-text-inverse)}.article-prose th{text-align:left;padding:var(--space-3) var(--space-4);letter-spacing:var(--tracking-wide);font-weight:600}.article-prose td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:top}.article-prose tbody tr:hover{background-color:var(--color-bg-accent)}@media (width<=768px){.article-header{padding:var(--space-12) var(--space-5) var(--space-10)}.article-body{padding:var(--space-10) var(--space-5) var(--space-16)}.article-prose pre{font-size:var(--text-xs);padding:var(--space-4)}.article-prose table{font-size:var(--text-xs)}.article-prose th,.article-prose td{padding:var(--space-2) var(--space-3)}}.article-prose img{border-radius:var(--radius-md);width:100%;height:auto;margin:var(--space-8) 0;box-shadow:var(--shadow-md)}.article-video{border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-md)}.video-lighthouse-wrapper{width:100%;margin:var(--space-12) 0;border-radius:calc(var(--radius-md) + 4px);background:var(--color-bg-alt);justify-content:center;align-items:center;padding:3px;display:flex;position:relative;overflow:hidden}.video-lighthouse-wrapper:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, transparent 150deg, var(--color-primary) 180deg, transparent 210deg, transparent 360deg);z-index:0;width:150%;height:150%;animation:6s linear infinite lighthouse-rotate;position:absolute}@keyframes lighthouse-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-lighthouse-wrapper:after{content:"";background:var(--color-bg);border-radius:var(--radius-md);z-index:1;position:absolute;inset:3px}.video-lighthouse-wrapper .article-video{z-index:2;border:1px solid #002d8e1a;margin:0;display:block;position:relative}.video-lighthouse-sweep{pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;animation:4s ease-in-out infinite video-sweep;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes video-sweep{0%{left:-100%}35%{left:150%}to{left:150%}}.mermaid{justify-content:center;max-width:1000px;display:flex;width:100%!important}.mermaid svg{width:100%!important;max-width:none!important;height:auto!important}.terminal-loader{z-index:9999;background-color:var(--color-bg);justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.terminal-loader__line{font-family:JetBrains Mono,monospace;font-size:clamp(var(--text-md), 2vw, var(--text-lg));letter-spacing:-.01em;align-items:center;gap:.5rem;min-height:1.5em;display:flex}.terminal-loader__line--history{opacity:.8}.terminal-loader__prefix{color:var(--color-primary);opacity:.6}.terminal-loader__cmd{color:var(--color-primary-dark);font-weight:500}.terminal-loader__cursor{color:var(--color-primary);text-shadow:0 0 8px var(--color-primary);animation:1s step-end infinite blink}.app{flex-direction:column;min-height:100vh;display:flex}.app__content{flex:1}.app__loader{z-index:1000;background-color:var(--color-primary-dark);transition:opacity var(--duration-slow) var(--ease-out), visibility var(--duration-slow) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app__loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.app__loader-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-inverse);letter-spacing:var(--tracking-tight);font-weight:700;animation:1.2s ease-in-out infinite loaderPulse}@keyframes loaderPulse{0%,to{opacity:.4}50%{opacity:1}}