:root{--blog-navy:#1e3a5f;--blog-navy-dark:#162d4a;--blog-navy-light:#2e4a9b;--blog-turquoise:#00ced1;--blog-turquoise-dark:#00b4b7;--blog-racing-red:#e31e24;--blog-racing-red-dark:#c71920;--blog-podium-gold:#fdb813;--blog-podium-gold-dark:#f5a623;--blog-bg-primary:#fff;--blog-bg-surface:#f8f9fb;--blog-bg-subtle:#f1f3f6;--blog-bg-code:#f8f9fb;--blog-text-primary:#1c1c1e;--blog-text-secondary:#4b5563;--blog-text-muted:#9ca3af;--blog-border:#e5e7eb;--blog-border-hover:var(--blog-turquoise);--blog-shadow-sm:0 2px 4px rgba(30,58,95,.05);--blog-shadow-md:0 4px 12px rgba(30,58,95,.08);--blog-shadow-lg:0 8px 24px rgba(30,58,95,.12);--blog-shadow-xl:0 12px 32px rgba(30,58,95,.16);--blog-shadow-red:0 4px 12px rgba(227,30,36,.3);--blog-shadow-turquoise:0 4px 16px rgba(0,206,209,.15);--blog-transition-fast:150ms ease;--blog-transition-base:250ms ease;--blog-transition-slow:350ms ease;--blog-space-xs:0.5rem;--blog-space-sm:1rem;--blog-space-md:1.5rem;--blog-space-lg:2rem;--blog-space-xl:3rem;--blog-space-2xl:4rem;--blog-text-xs:0.75rem;--blog-text-sm:0.875rem;--blog-text-base:1rem;--blog-text-lg:1.125rem;--blog-text-xl:1.25rem;--blog-text-2xl:1.5rem;--blog-text-3xl:1.875rem;--blog-text-4xl:2.25rem;--blog-text-5xl:3rem;--blog-radius-sm:0.375rem;--blog-radius-md:0.5rem;--blog-radius-lg:0.75rem;--blog-radius-xl:1rem;--blog-radius-full:9999px;--blog-content-narrow:min(42.5rem,90%);--blog-content-medium:min(56rem,90%);--blog-content-wide:min(72rem,95%);--blog-content-full:min(80rem,95%)}.blog-container{background-color:var(--blog-bg-primary);min-height:100vh}.blog-hero-immersive{position:relative;min-height:75vh;display:flex;align-items:flex-end;overflow:hidden;background-color:var(--blog-navy-dark)}.blog-hero-image-wrapper{position:absolute;inset:0;z-index:0}.blog-hero-image{object-fit:cover;object-position:center;transform:scale(1.05);filter:brightness(.45) saturate(1.1);transition:transform 8s ease-out}.blog-hero-immersive:hover .blog-hero-image{transform:scale(1.08)}.blog-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(22,45,74,.97) 0,rgba(22,45,74,.85) 25%,rgba(22,45,74,.5) 55%,rgba(22,45,74,.2) 80%,rgba(22,45,74,.4)),radial-gradient(ellipse at 80% 10%,rgba(0,206,209,.08) 0,transparent 60%)}.blog-hero-glow{position:absolute;border-radius:50%;z-index:2;pointer-events:none;filter:blur(80px);opacity:.35}.blog-hero-glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,206,209,.4),transparent 70%);bottom:-100px;right:-50px;animation:hero-glow-pulse 6s ease-in-out infinite alternate}.blog-hero-glow-2{width:300px;height:300px;background:radial-gradient(circle,rgba(46,74,155,.35),transparent 70%);top:10%;left:-80px;animation:hero-glow-pulse 8s ease-in-out 2s infinite alternate}@keyframes hero-glow-pulse{0%{opacity:.2;transform:scale(1)}to{opacity:.45;transform:scale(1.15)}}.blog-hero-content{position:relative;z-index:10;width:100%;max-width:var(--blog-content-wide);margin:0 auto;padding:var(--blog-space-xl) var(--blog-space-md) var(--blog-space-2xl)}.blog-hero-breadcrumb{margin-bottom:var(--blog-space-lg)}.blog-hero-breadcrumb a{text-decoration:none!important}.blog-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.03em;margin-bottom:var(--blog-space-md);max-width:52rem;text-shadow:0 2px 20px rgba(0,0,0,.3)}.blog-hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:hsla(0,0%,100%,.7);max-width:40rem;margin:0}.blog-hero-immersive:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(0,206,209,.4) 30%,rgba(0,206,209,.6) 50%,rgba(0,206,209,.4) 70%,transparent);z-index:10}.blog-hero-immersive:not(:has(.blog-hero-image-wrapper)){background:linear-gradient(135deg,var(--blog-navy-dark) 0,var(--blog-navy) 40%,#1a3a5c 100%);min-height:55vh}@media (max-width:768px){.blog-hero-immersive{min-height:60vh}.blog-hero-content{padding:var(--blog-space-lg) var(--blog-space-sm) var(--blog-space-xl)}.blog-hero-glow-1{width:250px;height:250px}.blog-hero-glow-2{width:180px;height:180px}}@media (min-width:1600px){.blog-hero-immersive{min-height:70vh}.blog-hero-title{font-size:4rem}}@media (min-width:2560px){.blog-hero-title{font-size:5rem;max-width:64rem}.blog-hero-description{font-size:1.5rem;max-width:50rem}}.blog-footer{background-color:var(--blog-navy);color:#fff;border-top:1px solid hsla(0,0%,100%,.1)}.blog-content-section{background-color:var(--blog-bg-primary)}.blog-content-section,.blog-content-section-alt{padding:var(--blog-space-2xl) var(--blog-space-md)}.blog-content-section-alt{background-color:var(--blog-bg-surface)}.blog-content-section .object-cover,.blog-content-section-alt .object-cover{object-fit:revert-layer}.blog-title-hero{font-size:var(--blog-text-5xl);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--blog-space-md)}.blog-title-hero,.blog-title-page{font-weight:800;color:var(--blog-navy)}.blog-title-page{font-size:var(--blog-text-4xl);line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--blog-space-sm)}.blog-title-section{font-size:var(--blog-text-3xl);line-height:1.3;margin-bottom:var(--blog-space-md)}.blog-title-card,.blog-title-section{font-weight:700;color:var(--blog-navy)}.blog-title-card{font-size:var(--blog-text-2xl);line-height:1.4;margin-bottom:var(--blog-space-xs)}.blog-subtitle{font-size:var(--blog-text-xl);line-height:1.6;color:var(--blog-text-secondary);font-weight:400;margin-bottom:var(--blog-space-lg)}.blog-body-text{font-size:var(--blog-text-lg);line-height:1.75;color:var(--blog-text-primary);max-width:var(--blog-content-narrow);margin-left:auto;margin-right:auto}.blog-meta-text{font-size:var(--blog-text-sm);color:var(--blog-text-muted);font-weight:500}.blog-card{background-color:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:var(--blog-radius-xl);overflow:hidden;box-shadow:var(--blog-shadow-sm);transition:all var(--blog-transition-base);display:flex;flex-direction:column;height:100%}.blog-card:hover{border-color:var(--blog-turquoise);box-shadow:var(--blog-shadow-turquoise);transform:translateY(-4px)}.blog-card-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:var(--blog-bg-subtle)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--blog-transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:var(--blog-space-lg);flex:1;display:flex;flex-direction:column}.blog-card-footer{margin-top:auto;padding-top:var(--blog-space-md);display:flex;align-items:center;justify-content:space-between}.blog-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--blog-radius-md);font-size:var(--blog-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.blog-badge-update{background-color:var(--blog-racing-red);color:#fff;box-shadow:var(--blog-shadow-red)}.blog-badge-guide{background-color:var(--blog-turquoise);color:#fff}.blog-badge-comparison{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.blog-badge-glossary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px rgba(139,92,246,.3)}.blog-badge-tutorial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3)}.blog-badge-featured{background:linear-gradient(135deg,var(--blog-podium-gold),var(--blog-podium-gold-dark));color:var(--blog-navy-dark);box-shadow:0 2px 8px rgba(253,184,19,.3)}.blog-badge-version{background-color:transparent;color:var(--blog-turquoise);border:1.5px solid var(--blog-turquoise)}.blog-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--blog-radius-md);font-size:var(--blog-text-base);font-weight:600;text-decoration:none;transition:all var(--blog-transition-base);cursor:pointer;border:none;white-space:nowrap}.blog-btn-primary{background:linear-gradient(135deg,var(--blog-racing-red),var(--blog-racing-red-dark));color:#fff;box-shadow:var(--blog-shadow-red)}.blog-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(227,30,36,.4)}.blog-btn-secondary{background-color:var(--blog-navy);color:#fff;border:2px solid var(--blog-navy)}.blog-btn-secondary:hover{background-color:transparent;color:var(--blog-navy)}.blog-btn-tertiary{background-color:transparent;color:var(--blog-turquoise);border:2px solid var(--blog-turquoise)}.blog-btn-tertiary:hover{background-color:var(--blog-turquoise);color:#fff}.blog-link{color:var(--blog-turquoise);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all var(--blog-transition-fast);font-weight:600}.blog-link:hover{color:var(--blog-navy);text-decoration-thickness:2px}.blog-article-content{max-width:var(--blog-content-narrow);margin:0 auto;font-size:var(--blog-text-lg);line-height:1.75;color:var(--blog-text-primary)}.blog-article-content h1{font-size:var(--blog-text-4xl);font-weight:800;margin-bottom:var(--blog-space-lg);line-height:1.2;letter-spacing:-.02em}.blog-article-content h1,.blog-article-content h2{color:var(--blog-navy);margin-top:var(--blog-space-xl)}.blog-article-content h2{font-size:var(--blog-text-3xl);font-weight:700;margin-bottom:var(--blog-space-md);scroll-margin-top:6rem}.blog-article-content h3{font-size:var(--blog-text-2xl);font-weight:600;color:var(--blog-navy-dark);margin-top:var(--blog-space-lg);margin-bottom:var(--blog-space-sm);scroll-margin-top:6rem}.blog-article-content h4{font-size:var(--blog-text-xl);font-weight:600;color:var(--blog-navy-dark);margin-top:var(--blog-space-md);margin-bottom:var(--blog-space-xs)}.blog-article-content p{margin-bottom:var(--blog-space-md)}.blog-article-content a{color:var(--blog-turquoise);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all var(--blog-transition-fast)}.blog-article-content a:hover{color:var(--blog-navy);text-decoration-thickness:2px}.blog-article-content strong{color:var(--blog-navy);font-weight:700}.blog-article-content ol,.blog-article-content ul{margin:var(--blog-space-md) 0;padding-left:var(--blog-space-lg)}.blog-article-content ul{list-style-type:disc!important}.blog-article-content ol{list-style-type:decimal!important}.blog-article-content li{margin-bottom:var(--blog-space-xs);display:list-item!important}.blog-article-content ul li::marker{color:var(--blog-turquoise)}.blog-article-content ol li::marker{color:var(--blog-navy);font-weight:700}.blog-article-content blockquote{border-left:4px solid var(--blog-turquoise);padding-left:var(--blog-space-md);margin:var(--blog-space-lg) 0;font-style:italic;color:var(--blog-text-secondary)}.blog-article-content img{width:100%;height:auto;border-radius:var(--blog-radius-lg);border:1px solid var(--blog-border);margin:var(--blog-space-lg) 0}.blog-article-content figcaption{text-align:center;font-size:var(--blog-text-sm);color:var(--blog-text-muted);margin-top:var(--blog-space-xs);font-style:italic}.blog-article-content table{width:100%;border-collapse:collapse;margin:var(--blog-space-lg) 0;font-size:var(--blog-text-base);line-height:1.5;border-radius:var(--blog-radius-lg);overflow:hidden;border:1px solid var(--blog-border);box-shadow:var(--blog-shadow-sm)}.blog-article-content thead{background:linear-gradient(135deg,var(--blog-navy),var(--blog-navy-dark))}.blog-article-content thead th{color:#fff;font-weight:700;font-size:var(--blog-text-sm);text-transform:uppercase;letter-spacing:.04em;padding:.875rem 1rem;text-align:left;border-bottom:2px solid var(--blog-turquoise);white-space:nowrap}.blog-article-content thead th:first-child{border-top-left-radius:var(--blog-radius-lg)}.blog-article-content thead th:last-child{border-top-right-radius:var(--blog-radius-lg)}.blog-article-content tbody tr{transition:background-color var(--blog-transition-fast)}.blog-article-content tbody tr:nth-child(2n){background-color:var(--blog-bg-surface)}.blog-article-content tbody tr:hover{background-color:rgba(0,206,209,.06)}.blog-article-content tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--blog-border);color:var(--blog-text-primary);vertical-align:top}.blog-article-content tbody tr:last-child td{border-bottom:none}.blog-article-content tbody td:first-child{font-weight:600;color:var(--blog-navy)}@media (max-width:768px){.blog-article-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:var(--blog-text-sm)}.blog-article-content tbody td,.blog-article-content thead th{padding:.625rem .75rem;min-width:7rem}}.blog-article-content code{color:var(--blog-turquoise-dark);padding:.125rem .375rem;border-radius:var(--blog-radius-sm);font-size:.9em}.blog-article-content code,.blog-article-content pre{background-color:var(--blog-bg-code);font-family:Monaco,Courier New,monospace;border:1px solid var(--blog-border)}.blog-article-content pre{border-left:4px solid var(--blog-turquoise);border-radius:var(--blog-radius-md);padding:var(--blog-space-md);margin:var(--blog-space-lg) 0;overflow-x:auto;font-size:var(--blog-text-sm);line-height:1.6}.blog-article-content pre code{background:none;border:none;padding:0;color:var(--blog-text-primary)}.blog-callout{padding:var(--blog-space-md);border-radius:var(--blog-radius-lg);margin:var(--blog-space-lg) 0;border-left:4px solid}.blog-callout-info{background-color:rgba(0,206,209,.1);border-left-color:var(--blog-turquoise);color:var(--blog-text-primary)}.blog-callout-warning{background-color:rgba(253,184,19,.1);border-left-color:var(--blog-podium-gold);color:var(--blog-text-primary)}.blog-callout-danger{background-color:rgba(227,30,36,.1);border-left-color:var(--blog-racing-red);color:var(--blog-text-primary)}.blog-callout-success{background-color:rgba(16,185,129,.1);border-left-color:#10b981;color:var(--blog-text-primary)}.blog-cta-box{background:linear-gradient(135deg,rgba(0,206,209,.1),rgba(46,74,155,.1));border:1px solid var(--blog-turquoise);border-radius:var(--blog-radius-xl);padding:var(--blog-space-xl);margin:var(--blog-space-2xl) 0;text-align:center}.blog-cta-box-alt{background:linear-gradient(135deg,rgba(227,30,36,.1),rgba(199,25,32,.1));border:1px solid var(--blog-racing-red)}.blog-grid{display:grid;gap:var(--blog-space-lg)}.blog-grid-2{grid-template-columns:repeat(2,1fr)}.blog-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.blog-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid-2,.blog-grid-3{grid-template-columns:1fr}}@media (min-width:1200px){.blog-article-content,.blog-container-narrow{max-width:var(--blog-content-medium)}}@media (min-width:1600px){.blog-article-content,.blog-container-narrow{max-width:var(--blog-content-wide)}.blog-article-content{font-size:var(--blog-text-xl)}}@media (min-width:2560px){.blog-article-content,.blog-container-narrow{max-width:min(112.5rem,90%)}.blog-article-content{font-size:1.375rem;line-height:1.8}.blog-title-hero{font-size:4rem}}@media (max-width:768px){.blog-title-hero{font-size:var(--blog-text-4xl)}.blog-title-page{font-size:var(--blog-text-3xl)}.blog-title-section{font-size:var(--blog-text-2xl)}.blog-article-content,.blog-body-text{font-size:var(--blog-text-base)}.blog-article-content h2{font-size:var(--blog-text-2xl)}.blog-article-content h3{font-size:var(--blog-text-xl)}}.blog-container-medium,.blog-container-narrow{margin:0 auto;padding:0 var(--blog-space-md)}.blog-container-medium{max-width:var(--blog-content-medium)}.blog-container-wide{max-width:var(--blog-content-wide)}.blog-container-full,.blog-container-wide{margin:0 auto;padding:0 var(--blog-space-md)}.blog-container-full{max-width:var(--blog-content-full)}.blog-divider{border:none;border-top:1px solid var(--blog-border);margin:var(--blog-space-xl) 0}@keyframes blog-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-animate-fade-in,.blog-stagger-children>*{animation:blog-fade-in .5s ease-out forwards}.blog-stagger-children>*{opacity:0}.blog-stagger-children>:first-child{animation-delay:.1s}.blog-stagger-children>:nth-child(2){animation-delay:.2s}.blog-stagger-children>:nth-child(3){animation-delay:.3s}.blog-stagger-children>:nth-child(4){animation-delay:.4s}.blog-stagger-children>:nth-child(5){animation-delay:.5s}.blog-stagger-children>:nth-child(6){animation-delay:.6s}@media (prefers-color-scheme:dark){.blog-dark-mode{--blog-bg-primary:#1a1a1a;--blog-bg-surface:#252525;--blog-bg-subtle:#2a2a2a;--blog-text-primary:#e5e7eb;--blog-text-secondary:#9ca3af;--blog-text-muted:#6b7280;--blog-border:#374151}}body.blog-dark-mode{--blog-bg-primary:#1a1a1a;--blog-bg-surface:#252525;--blog-bg-subtle:#2a2a2a;--blog-text-primary:#e5e7eb;--blog-text-secondary:#9ca3af;--blog-text-muted:#6b7280;--blog-border:#374151}