body,html{margin:0;padding:0;min-height:100%;background:#13111C;color:#F3F1F8}html{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.55) #13111C}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#13111C}html::-webkit-scrollbar-thumb{background:rgba(168,85,247,.55);border-radius:999px;border:2px solid #13111c}html::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.8)}.blog-site{--oat-50:#0D0B14;--oat-100:#13111C;--oat-200:#1E1A2D;--oat-300:#312A4A;--black:#ffffff;--white:#1C182B;--text:#F3F1F8;--text-2:#B1AEC4;--text-3:#75718E;--blue-300:#D8B4FE;--blue-600:#A855F7;--gradient-royal:linear-gradient(135deg,#FFFFFF,#E9D5FF 40%,#A855F7);--gradient-title:radial-gradient(ellipse at center,#FFFFFF 0%,#D8B4FE 45%,rgba(88,28,135,0.25) 100%);--blog-max:1120px;--blog-list-max:720px;min-height:100vh;min-height:100dvh;width:100%;background:var(--oat-100);color:var(--text);font-family:Outfit,-apple-system,sans-serif;line-height:1.6;position:relative}.blog-site a{color:inherit;text-decoration:none}.blog-site img{max-width:100%;display:block}.blog-site .blog-card-title,.blog-site h1,.blog-site h2{font-family:Space Grotesk,sans-serif}@keyframes flowGrad{0%{background-position:0 50%}to{background-position:100% 50%}}.blog-site .grad-text{background:var(--gradient-royal);background-size:200% 200%;animation:flowGrad 5s ease infinite alternate;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-article-wrap h1,.blog-hero h1{background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-site .glow-orb{position:fixed;border-radius:50%;filter:blur(120px);opacity:.45;pointer-events:none;z-index:0;animation:floatOrb 15s ease-in-out infinite alternate}.blog-site .orb-1{width:40vw;height:40vw;max-width:500px;max-height:500px;background:rgba(168,85,247,.35);top:-10%;left:0;transform:translateX(-35%)}.blog-site .orb-2{width:45vw;height:45vw;max-width:600px;max-height:600px;background:rgba(59,130,246,.22);bottom:0;right:-10%;animation-delay:-5s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(8%,-8%) scale(1.1)}}.blog-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow .3s,background .3s}.blog-nav.scrolled{background:rgba(28,24,43,.88);box-shadow:0 4px 16px rgba(0,0,0,.25)}.blog-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--blog-max);margin:0 auto;padding:0 1.5rem}.blog-nav .nav-brand{font-size:1.125rem;font-weight:800;flex-shrink:0;display:flex;align-items:center;gap:.5rem}.blog-nav .nav-logo-circle{width:36px;height:36px;background:rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;border:1px solid rgba(168,85,247,.4)}.blog-nav .nav-logo-circle img{width:100%;height:100%;object-fit:contain}.blog-nav .nav-right{display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.blog-nav .nav-login{font-size:.875rem;font-weight:500;color:var(--text-2);transition:color .2s}.blog-nav .nav-login:hover{color:var(--text)}.blog-nav .nav-account{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-2);transition:color .2s}.blog-nav .nav-account:hover{color:var(--text)}.blog-nav .nav-account .nav-ava{width:28px;height:28px;border-radius:50%;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.35);display:grid;place-items:center;color:var(--text)}.blog-nav .nav-account .nav-name{font-weight:600;color:inherit}.blog-nav .nav-cta{padding:.5rem 1.15rem;border-radius:100px;background:var(--gradient-royal);background-size:200% 200%;animation:flowGrad 5s ease infinite alternate;color:#1C182B;font-weight:600;font-size:.875rem;box-shadow:0 4px 14px rgba(109,40,217,.25);transition:transform .2s,box-shadow .2s,filter .2s}.blog-nav .nav-workspace{display:inline-block;max-width:min(18rem,32vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-nav .nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(168,85,247,.55);filter:brightness(1.1)}.blog-site .lang-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-2);padding:.4rem .75rem;border-radius:100px;font-size:.7rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:all .2s;letter-spacing:.05em}.blog-site .lang-btn:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:rgba(255,255,255,.2)}.blog-site .lang-switcher{position:relative;z-index:1100}.blog-site .lang-dropdown{position:absolute;top:100%;right:0;margin-top:.75rem;background:rgba(28,24,43,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(168,85,247,.28);border-radius:.75rem;padding:.5rem;min-width:148px;display:none;box-shadow:0 12px 40px rgba(0,0,0,.55);z-index:1100;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.blog-site .lang-dropdown.show{display:block}.blog-site .lang-dropdown a{display:block;padding:.6rem .75rem;font-size:.8125rem;color:var(--text-2);background:transparent;border-radius:.5rem;transition:all .2s;white-space:nowrap;cursor:pointer}.blog-site .lang-dropdown a:hover{background:var(--oat-200);color:var(--text)}.blog-site .lang-dropdown a.active{color:var(--blue-600);background:rgba(168,85,247,.05)}.blog-hero{position:relative;z-index:1;max-width:var(--blog-list-max);margin:0 auto;padding:8rem 1.5rem 2.5rem;text-align:center}.blog-hero h1{font-size:clamp(2.75rem,7vw,3.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:.85rem}.blog-hero p{font-size:1.0625rem;color:var(--text-2);max-width:32rem;margin:0 auto;line-height:1.55}.blog-filters{position:relative;z-index:1;padding:0 0 1.75rem;display:flex;flex-wrap:wrap;gap:.5rem;border:none;outline:none}.blog-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(168,85,247,.2);background:transparent;color:var(--text-2);font:inherit;font-size:.875rem;font-weight:500;padding:.45rem .95rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;outline:none;box-shadow:none}.blog-filter:focus,.blog-filter:focus-visible{outline:2px solid rgba(168,85,247,.45);outline-offset:2px}.blog-filter-count{font-size:.72rem;font-weight:600;color:var(--text-3);min-width:1.1rem;text-align:center}.blog-filter:hover{border-color:rgba(168,85,247,.45);color:var(--text);background:rgba(168,85,247,.06)}.blog-filter.is-active{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.65);color:var(--blue-300);box-shadow:0 0 0 1px rgba(168,85,247,.2)}.blog-filter.is-active .blog-filter-count{color:var(--blue-300);opacity:.85}.blog-main{position:relative;z-index:1;max-width:var(--blog-list-max);margin:0 auto;padding:0 1.5rem 5rem}.blog-grid{display:flex;flex-direction:column;gap:0;animation:blogListIn .2s ease-out;border:none;outline:none}@keyframes blogListIn{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.blog-empty{text-align:center;color:var(--text-3);padding:3rem 0}.blog-card{border:none;border-bottom:1px solid rgba(168,85,247,.12);transition:background .2s}.blog-card:last-child{border-bottom:none}.blog-card:hover{background:rgba(168,85,247,.04)}.blog-card-link{display:block;padding:1.65rem 0}.blog-card-link.has-media{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;grid-gap:1.5rem;gap:1.5rem}.blog-card-copy{min-width:0}.blog-card-cat{display:block;font-size:.8125rem;font-weight:500;color:var(--text-3);margin-bottom:.45rem}.blog-card-title{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 .55rem;color:var(--text);transition:color .15s}.blog-card:hover .blog-card-title{color:var(--blue-300)}.blog-card-excerpt{margin:0 0 .85rem;font-size:.9375rem;line-height:1.6;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{margin:0;font-size:.8125rem;color:var(--text-3);display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;line-height:1.4}.blog-card-dot{opacity:.55}.blog-card-media{display:block;overflow:hidden;aspect-ratio:16/10;border-radius:14px;border:1px solid rgba(168,85,247,.18);background:rgba(19,17,28,.88);box-shadow:0 12px 34px rgba(0,0,0,.25)}.blog-card-media img{width:100%;height:100%;object-fit:contain;transition:filter .22s ease}.blog-card:hover .blog-card-media img{filter:brightness(1.08)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(168,85,247,.12)}.blog-page-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(168,85,247,.28);background:rgba(168,85,247,.06);color:var(--text);font:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:999px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.blog-page-btn:hover{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.5);color:var(--blue-300)}.blog-page-btn.is-disabled{opacity:.35;pointer-events:none}.blog-page-status{font-size:.875rem;color:var(--text-3);min-width:6rem;text-align:center}.blog-post-nav{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(168,85,247,.12)}.blog-post-nav-spacer{flex:1 1}.blog-post-nav-link{flex:1 1;max-width:calc(50% - .5rem);display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(168,85,247,.22);background:rgba(168,85,247,.06);text-decoration:none;color:var(--text);transition:background .15s,border-color .15s,color .15s}.blog-post-nav-link:hover{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.45);color:var(--blue-300)}.blog-post-nav-link.is-next{text-align:right;margin-left:auto}.blog-post-nav-label{font-size:.8125rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-3)}.blog-post-nav-title{font-size:.9375rem;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-nav-link:hover .blog-post-nav-title{color:var(--blue-300)}.blog-article-layout{position:relative;z-index:1;width:min(calc(100% - 3rem),var(--blog-max));margin:0 auto;padding:6.5rem 0 4.5rem;display:grid;grid-template-columns:minmax(0,720px) 300px;grid-gap:3rem;gap:3rem;align-items:start}.blog-article-wrap{position:relative;--blog-article-max:720px;max-width:var(--blog-article-max);margin:0;padding:0}.blog-breadcrumb{margin:0 0 1.75rem;font-size:.8125rem;line-height:1.45;color:var(--text-3)}.blog-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}.blog-breadcrumb li{display:inline-flex;align-items:center;min-width:0;gap:.45rem}.blog-breadcrumb li:not(:last-child):after{content:"/";color:rgba(177,174,196,.45)}.blog-breadcrumb a{color:var(--text-2);transition:color .15s}.blog-breadcrumb a:hover{color:var(--blue-300)}.blog-breadcrumb [aria-current=page]{flex:1 1 12rem;color:var(--text-3)}.blog-breadcrumb [aria-current=page] span{display:block;max-width:min(100%,32rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-article-wrap h1{font-size:clamp(2rem,5vw,2.65rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:1rem}.blog-article-meta{font-size:.875rem;color:var(--text-3);margin-bottom:.95rem}.blog-article-meta-alone{margin-bottom:2rem}.blog-article-meta-alone,.blog-article-tags{padding-bottom:1.5rem;border-bottom:1px solid rgba(168,85,247,.15)}.blog-article-tags{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin:0 0 2rem}.blog-article-tag{display:inline-flex;align-items:center;color:var(--text-3);font-size:.8rem;font-weight:500;line-height:1.2}.blog-body{font-size:1.02rem;line-height:1.75;color:var(--text-2)}.blog-body h1,.blog-body h2{font-family:Space Grotesk,sans-serif;font-size:1.45rem;font-weight:600;margin:2rem 0 .75rem;background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--text)}.blog-body h1,.blog-body h2,.blog-body h3{color:var(--text);scroll-margin-top:5.5rem}.blog-body h3{font-size:1.1rem;margin:1.5rem 0 .5rem}.blog-body strong{color:var(--text);font-weight:600}.blog-body p{margin:1rem 0}.blog-body ol,.blog-body ul{margin:1rem 0 1rem 1.25rem}.blog-body a{color:var(--blue-300);text-decoration:underline;text-underline-offset:3px}.blog-body img{display:block;max-width:100%;height:auto!important;margin:1.75rem auto;object-fit:contain;border-radius:16px;border:1px solid rgba(168,85,247,.2);box-shadow:0 12px 40px rgba(0,0,0,.35);background:rgba(19,17,28,.6)}.blog-table-wrap{margin:2rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(168,85,247,.18);border-radius:14px;background:rgba(19,17,28,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.blog-body table{width:100%;min-width:36rem;border-collapse:collapse;font-size:.9375rem}.blog-body td,.blog-body th{padding:.75rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(168,85,247,.12)}.blog-body th{font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);background:rgba(168,85,247,.08);white-space:nowrap}.blog-body tr:last-child td{border-bottom:none}.blog-body tbody tr:hover td{background:rgba(168,85,247,.05)}.blog-body td a{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(168,85,247,.35);background:rgba(168,85,247,.12);color:var(--blue-300);text-decoration:none;font-size:.8125rem;white-space:nowrap;transition:background .15s,border-color .15s}.blog-body td a:hover{background:rgba(168,85,247,.22);border-color:rgba(168,85,247,.55)}.blog-body code{font-family:ui-monospace,monospace;font-size:.88em;background:var(--oat-200);border:1px solid var(--oat-300);border-radius:5px;padding:1px 5px;color:var(--blue-300)}.blog-body pre{background:var(--oat-50);border:1px solid var(--oat-300);border-radius:12px;padding:1rem 1.1rem;overflow-x:auto;margin:1.25rem 0}.blog-sidebar{position:-webkit-sticky;position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow:auto;display:flex;flex-direction:column;gap:2.25rem;padding:.15rem 0 .5rem 1.35rem;border-left:1px solid rgba(168,85,247,.14);scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.45) transparent}.blog-sidebar::-webkit-scrollbar{width:6px}.blog-sidebar::-webkit-scrollbar-track{background:transparent}.blog-sidebar::-webkit-scrollbar-thumb{background:rgba(168,85,247,.45);border-radius:999px}.blog-sidebar-section h2{margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;line-height:1.1;font-weight:800;letter-spacing:0;color:var(--text);background:none;-webkit-text-fill-color:var(--text)}.blog-sidebar-latest{display:flex;flex-direction:column;gap:0}.blog-sidebar-post{display:block;padding:.9rem 0;border-bottom:1px solid rgba(168,85,247,.12);transition:color .15s,background .15s}.blog-sidebar-post:first-child{padding-top:0}.blog-sidebar-post:last-child{border-bottom:none}.blog-sidebar-post:hover .blog-sidebar-post-title{color:var(--blue-300)}.blog-sidebar-post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.45;font-weight:600;color:var(--text);transition:color .15s}.blog-sidebar-post-date{display:block;margin-top:.35rem;font-size:.78rem;line-height:1.35;color:var(--text-3)}.blog-sidebar-toc nav{display:flex;flex-direction:column;gap:.55rem}.blog-sidebar-toc a{display:block;font-size:.9rem;line-height:1.45;color:var(--text-2);transition:color .15s}.blog-sidebar-toc a:hover{color:var(--blue-300)}.blog-sidebar-toc .toc-level-3{padding-left:.9rem;font-size:.84rem;color:var(--text-3)}.blog-footer{position:relative;z-index:1;border-top:1px solid rgba(168,85,247,.12);background:rgba(19,17,28,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-footer-inner{max-width:var(--blog-max);margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.blog-footer-copy{font-size:.8125rem;color:var(--text-3)}.blog-footer-links{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-2)}.blog-footer-links a:hover{color:var(--blue-300)}@media (max-width:1080px){.blog-article-layout{width:min(calc(100% - 3rem),720px);display:block}.blog-sidebar{position:static;max-height:none;overflow:visible;margin-top:3rem;padding:2rem 0 0;border-left:none;border-top:1px solid rgba(168,85,247,.14)}}@media (max-width:640px){.blog-nav .nav-inner{padding-inline:1rem}.blog-hero{padding:6.5rem 1rem 2rem}.blog-nav .nav-cta{display:none}.blog-filters,.blog-main{padding-inline:1rem}.blog-card-link.has-media{grid-template-columns:1fr;gap:1rem}.blog-card-media{order:-1;width:100%}.blog-article-layout{width:auto;padding:6.5rem 1rem 4rem}.blog-body table{min-width:32rem;font-size:.875rem}.blog-body td,.blog-body th{padding:.625rem .75rem}.blog-post-nav{flex-direction:column}.blog-post-nav-link{max-width:100%}.blog-post-nav-link.is-next{text-align:left;margin-left:0}.blog-post-nav-spacer{display:none}}