@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap';:root{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--blue:#1d4ed8;--blue-dim:#1e3a8a;--blue-bright:#60a5fa;--blue-bg:#eff6ff;--blue-border:#dbeafe;--blue-text:#1e40af;--fg:#0f172a;--fg-2:#334155;--fg-3:#475569;--fg-muted:#64748b;--fg-faint:#94a3b8;--bg:#f8fafc;--bg-2:#f1f5f9;--bg-3:#e2e8f0;--bg-4:#cbd5e1;--card:#fff;--card-border:#e2e8f0;--card-hover:#60a5fa;--code-bg:#f1f5f9;--code-fg:#1e40af;--pre-bg:#0f172a;--pre-fg:#f1f5f9;--grid-dot:#cbd5e1;--nav-bg:rgba(248,250,252,.8);--nav-border:rgba(219,234,254,.2);--quote-bg:rgba(239,246,255,.5);--shadow:0 20px 25px -5px rgba(0,0,0,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-blue:0 10px 15px -3px rgba(30,58,138,.1);--radius:.5rem;--radius-lg:1rem;--radius-xl:1.5rem}[data-theme=dark]{--blue:#93bbfc;--blue-dim:#60a5fa;--blue-bright:#60a5fa;--blue-bg:rgba(59,130,246,.1);--blue-border:rgba(59,130,246,.15);--blue-text:#93c5fd;--fg:#f8fafc;--fg-2:#e2e8f0;--fg-3:#cbd5e1;--fg-muted:#94a3b8;--fg-faint:#94a3b8;--bg:#0b1120;--bg-2:#1e293b;--bg-3:#334155;--bg-4:#475569;--card:#111827;--card-border:#1e293b;--card-hover:#3b82f6;--code-bg:#1e293b;--code-fg:#93c5fd;--pre-bg:#020617;--pre-fg:#e2e8f0;--grid-dot:#1e293b;--nav-bg:rgba(11,17,32,.85);--nav-border:rgba(59,130,246,.1);--quote-bg:rgba(59,130,246,.08);--shadow:0 20px 25px -5px rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-blue:0 10px 15px -3px rgba(59,130,246,.15)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--blue-bright);color:#fff}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.6;background-image:radial-gradient(var(--grid-dot) .5px,transparent .5px);background-size:24px 24px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:0 0;font-family:inherit}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.site-main{flex-grow:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(min-width:1024px){.container{padding:0 3rem}}.mb-section{margin-bottom:6rem}.pt-page{padding-top:8rem}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:.25rem;background:var(--blue-bg);border:1px solid var(--blue-border);font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--blue-text);margin-bottom:1.5rem}.badge-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--blue-bright);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.navbar{position:fixed;top:0;width:100%;z-index:50;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border);font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.navbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem}.navbar-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.05em;color:var(--fg)}.navbar-links{display:none;align-items:center;gap:2rem}.navbar-links a{color:var(--fg-muted);transition:color .2s;font-size:.95rem}.navbar-links a:hover,.navbar-links a.active{color:var(--blue)}.navbar-links a.active{border-bottom:2px solid var(--blue);padding-bottom:.25rem}.navbar-actions{display:flex;align-items:center;gap:1rem}@media(min-width:768px){.navbar-links{display:flex}}.btn-youtube{display:none;align-items:center;gap:.4rem;background:var(--blue-dim);color:#fff;padding:.5rem 1.1rem;border-radius:var(--radius);font-size:.8rem;font-weight:600;font-family:var(--font-display);transition:background .2s,transform .2s}.btn-youtube svg{width:1rem;height:1rem}.btn-youtube:hover{background:var(--blue-text)}.btn-youtube:active{transform:scale(.95)}@media(min-width:768px){.btn-youtube{display:inline-flex}}.mobile-toggle{display:flex;padding:.5rem;color:var(--fg-muted)}.mobile-toggle svg{width:1.25rem;height:1.25rem}@media(min-width:768px){.mobile-toggle{display:none}}.mobile-menu{display:none;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--bg-3);background:var(--card)}.mobile-menu.open{display:flex}@media(min-width:768px){.mobile-menu{display:none!important}}.mobile-menu a{color:var(--fg-muted);font-family:var(--font-display);font-weight:500;padding:.5rem 0}.mobile-menu a.active{color:var(--blue)}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;background:var(--blue);color:#fff;padding:1rem 2rem;border-radius:var(--radius);font-weight:700;font-family:var(--font-display);transition:all .2s;box-shadow:var(--shadow-blue)}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:scale(.95)}.btn-secondary{display:inline-flex;align-items:center;gap:.75rem;border:1px solid var(--card-border);background:var(--card);color:var(--fg);padding:1rem 2rem;border-radius:var(--radius);font-weight:700;font-family:var(--font-display);transition:all .2s;box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--card-hover)}.hero{padding-top:8rem;margin-bottom:6rem}.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-title{font:700 clamp(2.5rem,6vw,4.5rem)/1.05 var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-bottom:2rem;text-wrap:balance}.hero-title-accent{color:var(--blue);text-decoration:underline;text-decoration-color:var(--blue-border);text-decoration-thickness:6px;text-underline-offset:4px}.hero-description{font-size:1.125rem;color:var(--fg-3);line-height:1.75;margin-bottom:2.5rem;max-width:36rem}.hero-description strong{color:var(--blue-dim);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-video{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.hero-video-label{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font:700 .7rem var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.hero-video-label svg{width:1rem;height:1rem}.hero-video-embed{position:relative;width:100%;padding-bottom:56.25%}.hero-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.hero-video-title{padding:.75rem 1.25rem;font:600 .875rem var(--font-display);color:var(--fg)}.section-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}@media(min-width:768px){.section-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.section-title{font:700 2rem var(--font-display);letter-spacing:-.02em;color:var(--fg)}.section-title-bar{height:4px;width:5rem;background:var(--blue-bright);border-radius:9999px;margin-top:.5rem}.section-link{display:inline-flex;align-items:center;gap:.5rem;font:700 .875rem var(--font-display);color:var(--blue);transition:color .2s}.section-link:hover{color:var(--blue-dim)}.section-link svg{transition:transform .2s}.section-link:hover svg{transform:translateX(4px)}.articles-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.articles-grid-2col{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.articles-grid-2col{grid-template-columns:repeat(2,1fr)}}.articles-featured-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media(min-width:768px){.articles-featured-grid{grid-template-columns:2fr 1fr}}.sidebar-stack{display:flex;flex-direction:column;gap:2rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s;cursor:pointer}.card:hover{border-color:var(--card-hover);box-shadow:var(--shadow)}.card-image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-2)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.card:hover .card-image img{transform:scale(1.05)}.card-body{padding:1.5rem 2rem 2rem}.card-title{font:700 1.25rem/1.3 var(--font-display);margin-bottom:.75rem;transition:color .2s}.card:hover .card-title{color:var(--blue)}.card-excerpt{font-size:.875rem;color:var(--fg-3);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between}.card-date{font:.75rem var(--font-mono);color:var(--fg-faint)}.card-tags{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.tag{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .5rem;border:1px solid var(--blue-border);background:var(--blue-bg);color:var(--blue)}.tag-neutral{border-color:var(--bg-2);background:var(--bg);color:var(--fg-muted)}.tag-rounded{border-radius:9999px;padding:.375rem .75rem;background:var(--bg-2);border:none;color:var(--fg-muted);font-family:var(--font-mono)}.card-featured .card-image{aspect-ratio:21/9;background:var(--pre-bg)}.card-featured .card-image img{opacity:.6}.card-featured:hover .card-image img{opacity:1}.card-featured .card-body{padding:2rem 2.5rem 2.5rem}.card-featured .card-title{font-size:1.75rem}@media(min-width:1024px){.card-featured .card-title{font-size:2rem}}.card-featured .card-excerpt{font-size:1.125rem;margin-bottom:2rem}.card-compact{padding:2rem;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);transition:all .3s;cursor:pointer}.card-compact:hover{border-color:var(--card-hover)}.card-compact-category{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-bright);margin-bottom:1rem;display:block}.card-compact .card-title{font-size:1.25rem;margin-bottom:.75rem;line-height:1.35}.card-compact .card-excerpt{font-size:.875rem;margin-bottom:1.5rem}.card-compact-footer{display:flex;justify-content:space-between;align-items:center;font:.75rem var(--font-mono);color:var(--fg-faint)}.card-compact-icon{color:var(--blue-bright);opacity:0;transition:opacity .2s}.card-compact:hover .card-compact-icon{opacity:1}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}.category-btn{padding:.5rem 1rem;border-radius:var(--radius);font:600 .875rem var(--font-display);border:1px solid var(--card-border);background:var(--card);color:var(--fg-muted);transition:all .2s}.category-btn:hover{border-color:var(--card-hover);color:var(--blue)}.category-btn.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:var(--shadow-blue)}.newsletter{margin-bottom:5rem}.newsletter-inner{background:var(--blue-dim);border-radius:var(--radius-xl);padding:3rem;color:#fff;position:relative;overflow:hidden}@media(min-width:1024px){.newsletter-inner{padding:5rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}}[data-theme=dark] .newsletter-inner{background:#0c1a3d}.newsletter-bg{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.5) .5px,transparent .5px);background-size:24px 24px;pointer-events:none}.newsletter-content{position:relative;z-index:1;max-width:36rem;margin-bottom:2rem}@media(min-width:1024px){.newsletter-content{margin-bottom:0}}.newsletter-title{font:700 clamp(2rem,4vw,3rem)var(--font-display);margin-bottom:1.5rem}.newsletter-desc{color:rgba(191,219,254,.8);font-size:1.125rem;line-height:1.75}.newsletter-form-wrapper{position:relative;z-index:1;min-width:0}@media(min-width:1024px){.newsletter-form-wrapper{min-width:360px}}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-fields{display:flex;flex-direction:column;gap:.75rem}@media(min-width:480px){.newsletter-fields{flex-direction:row}}.newsletter-input-wrap{flex:1;min-width:0;position:relative}.newsletter-input{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:1rem 1.5rem;color:#fff;font:1rem var(--font-sans);outline:none;transition:border-color .2s;backdrop-filter:blur(4px)}.newsletter-input::placeholder{color:rgba(191,219,254,.5)}.newsletter-input:focus{border-color:#fff}.newsletter-submit{background:#fff;color:var(--blue-dim);padding:1rem 2rem;border-radius:var(--radius);font:700 1rem var(--font-display);white-space:nowrap;transition:all .2s}.newsletter-submit:hover{background:var(--blue-bg)}.newsletter-submit:active{transform:scale(.95)}[data-theme=dark] .newsletter-submit{background:var(--blue-bright);color:#fff}[data-theme=dark] .newsletter-submit:hover{filter:brightness(1.1)}.newsletter-success{display:none;margin-top:1.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius);background:rgba(74,222,128,.15);color:#4ade80;font:600 1.125rem var(--font-display);align-items:center;gap:.75rem;animation:newsletterFadeIn .4s ease-out}.newsletter-success[style*=block]{display:flex!important}.newsletter-success-icon{width:1.5rem;height:1.5rem;flex-shrink:0}@keyframes newsletterFadeIn{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.newsletter-disclaimer{font:.625rem var(--font-mono);color:rgba(147,197,253,.5);margin-top:1rem;text-align:center;text-transform:uppercase;letter-spacing:.15em}@media(min-width:1024px){.newsletter-disclaimer{text-align:left}}.footer{background:var(--bg-2);border-top:1px solid var(--card-border)}.footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:3rem 0}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{font:700 1.25rem var(--font-display);color:var(--fg);margin-bottom:.75rem}.footer-desc{font-size:.875rem;color:var(--fg-muted);line-height:1.75;max-width:28rem}.footer-heading{font:700 .75rem var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--fg);margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{font-size:.875rem;color:var(--fg-muted);transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}.footer-links a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--bg-3);padding:2rem 0;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font:.75rem var(--font-mono);color:var(--fg-faint)}.footer-credit{font-size:.75rem;color:var(--fg-faint)}.page-header{padding-top:8rem;margin-bottom:3rem}.page-title{font:700 clamp(2.5rem,5vw,3.5rem)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-bottom:1.5rem}.page-description{font-size:1.125rem;color:var(--fg-3);max-width:42rem;line-height:1.75}.article-back{display:inline-flex;align-items:center;gap:.5rem;font:600 .875rem var(--font-display);color:var(--blue);margin-bottom:2rem;transition:color .2s}.article-back:hover{color:var(--blue-dim)}.article-back svg{transition:transform .2s}.article-back:hover svg{transform:translateX(-4px)}.article-header{max-width:56rem;margin-bottom:2.5rem}.article-header .card-tags{margin-bottom:1.5rem}.article-header .tag{border-radius:.25rem;padding:.375rem .75rem}.article-detail-title{font:700 clamp(2rem,4vw,3rem)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--fg);margin-bottom:1.5rem}.article-detail-excerpt{font-size:1.25rem;color:var(--fg-muted);line-height:1.75;margin-bottom:2rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid var(--bg-3)}.article-meta-info{display:flex;align-items:center;gap:1rem;font:.75rem var(--font-mono);color:var(--fg-faint)}.article-meta-info span{display:flex;align-items:center;gap:.375rem}.article-cover{max-width:64rem;aspect-ratio:21/9;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:3rem}.article-cover img{width:100%;height:100%;object-fit:cover}.article-body{max-width:48rem;margin-bottom:4rem}.article-body h2{font:700 1.5rem var(--font-display);color:var(--fg);margin:2.5rem 0 1rem}.article-body h3{font:700 1.25rem var(--font-display);color:var(--fg);margin:2rem 0 .75rem}.article-body p{color:var(--fg-3);line-height:1.85;margin-bottom:1.5rem}.article-body strong{color:var(--fg);font-weight:600}.article-body a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--blue-border);text-underline-offset:2px;transition:color .2s}.article-body a:hover{color:var(--blue-dim)}.article-body ul,.article-body ol{color:var(--fg-3);padding-left:1.5rem;margin-bottom:1.5rem}.article-body ul{list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:.5rem;line-height:1.75}.article-body code{background:var(--code-bg);color:var(--code-fg);padding:.125rem .375rem;border-radius:.25rem;font:.85em var(--font-mono)}.article-body pre{background:var(--pre-bg);color:var(--pre-fg);padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7}.article-body pre code{background:0 0;color:inherit;padding:0;border-radius:0;font-size:inherit}.article-body blockquote{border-left:4px solid var(--blue-bright);padding:.5rem 0 .5rem 1.5rem;margin:1.5rem 0;background:var(--quote-bg);border-radius:0 var(--radius)var(--radius)0}.article-body blockquote p{color:var(--blue);font-style:italic}.article-body table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.875rem}.article-body th{text-align:left;font-weight:600;color:var(--fg);padding:.75rem 1rem;border-bottom:2px solid var(--bg-3)}.article-body td{padding:.75rem 1rem;border-bottom:1px solid var(--bg-2);color:var(--fg-3)}.article-tags-footer{max-width:48rem;border-top:1px solid var(--bg-3);padding-top:2rem;margin-bottom:4rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.article-tags-footer svg{color:var(--fg-faint)}.highlight{position:relative}.highlight pre{background:var(--pre-bg)!important;color:var(--pre-fg);padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7}.highlight pre code{background:0 0!important;color:inherit;padding:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius);border:1px solid var(--card-border);color:var(--fg-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.theme-toggle:hover{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-border)}.theme-toggle svg{width:1.125rem;height:1.125rem;transition:transform .3s}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;margin-bottom:1.5rem;border-radius:.75rem;overflow:hidden}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-embed{margin-bottom:1.5rem;border-radius:.75rem;overflow:hidden}.video-embed video{width:100%;display:block}body,.navbar,.card,.card-compact,.footer,.mobile-menu,.category-btn,.hero-stream-card,.btn-secondary,.tag,.tag-neutral,.tag-rounded,.badge{transition:background-color .3s,border-color .3s,color .3s}