.blog-site{background:#ffffff;color:#475569}body:not(.light) .blog-site{background:#050505;color:#9ca3af}.blog-site .navlink{padding:9px 13px;border-radius:10px;font-size:15px;color:#4b5563;transition:color .18s ease,background .18s ease}.blog-site .navlink:hover{color:#111827;background:rgba(0,0,0,.045)}.blog-site .navlink svg{transition:transform .22s ease}.blog-site .group:hover>.navlink{color:#111827;background:rgba(0,0,0,.045)}.blog-site .group:hover>.navlink svg{transform:rotate(180deg)}body:not(.light) .blog-site .navlink{color:#d1d5db}body:not(.light) .blog-site .group:hover>.navlink,body:not(.light) .blog-site .navlink:hover{color:#ffffff;background:rgba(255,255,255,.06)}.blog-site .nav-cta{font-size:15px;font-weight:500;color:#fff;background:#2563eb;padding:11px 22px;border-radius:9999px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 22px -12px rgba(37,99,235,.9)}.blog-site .nav-cta:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(37,99,235,1)}.blog-site .nav-burger{display:none;width:40px;height:40px;border-radius:10px;flex:none;align-items:center;justify-content:center;color:#4b5563;border:1px solid rgba(0,0,0,.12);background:transparent}.blog-site .nav-burger svg{width:20px;height:20px}body:not(.light) .blog-site .nav-burger{color:#d1d5db;border-color:rgba(255,255,255,.1)}@media (max-width:767px){.blog-site .nav-burger{display:inline-flex}.blog-site .nav-cta{padding:9px 15px;font-size:14px;white-space:nowrap}}@media (max-width:420px){.blog-site .nav-cta{display:none}}.blog-site .mm-pop{transition-timing-function:cubic-bezier(.16,1,.3,1)}.blog-site .mm{background:#ffffff;border:1px solid rgba(0,0,0,.09);border-radius:16px;box-shadow:0 32px 70px -30px rgba(12,28,45,.28);overflow:hidden;pointer-events:auto}body:not(.light) .blog-site .mm{background:#0A0A0A;border-color:rgba(255,255,255,.1);box-shadow:0 32px 70px -24px rgba(0,0,0,.85)}.blog-site .mm-sec{display:flex;align-items:center;gap:12px;padding:14px 22px 13px;background:rgba(0,0,0,.02);border-bottom:1px solid rgba(0,0,0,.07)}body:not(.light) .blog-site .mm-sec{background:rgba(255,255,255,.025);border-bottom-color:rgba(255,255,255,.07)}.blog-site .mm-sec+.mm-grid{border-top:0}.blog-site .mm-sec b{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b7280}body:not(.light) .blog-site .mm-sec b{color:#9ca3af}.blog-site .mm-sec i{font-style:normal;font-size:11px;font-weight:500;letter-spacing:.02em;padding:3px 9px;border-radius:9999px;color:#6b7280;background:rgba(0,0,0,.05)}.blog-site .mm-sec .mm-lic{color:#2563eb;background:rgba(37,99,235,.1)}body:not(.light) .blog-site .mm-sec i{color:#9ca3af;background:rgba(255,255,255,.06)}body:not(.light) .blog-site .mm-sec .mm-lic{color:#60a5fa;background:rgba(59,130,246,.14)}.blog-site .mm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(0,0,0,.07);border-top:1px solid rgba(0,0,0,.07)}body:not(.light) .blog-site .mm-grid{background:rgba(255,255,255,.07);border-top-color:rgba(255,255,255,.07)}.blog-site .mm-item{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;background:#ffffff;transition:background .18s ease;position:relative}.blog-site .mm-item:hover{background:#f6f7f9}body:not(.light) .blog-site .mm-item{background:#0A0A0A}body:not(.light) .blog-site .mm-item:hover{background:#131313}.blog-site .mm-ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(0,0,0,.045);color:#6b7280;transition:background .18s ease,color .18s ease}.blog-site .mm-ic svg{width:17px;height:17px;stroke-width:1.9}.blog-site .mm-item:hover .mm-ic{background:rgba(37,99,235,.1);color:#2563eb}body:not(.light) .blog-site .mm-ic{background:rgba(255,255,255,.055);color:#9ca3af}body:not(.light) .blog-site .mm-item:hover .mm-ic{background:rgba(59,130,246,.15);color:#60a5fa}.blog-site .mm-txt{min-width:0}.blog-site .mm-t{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:#111827}body:not(.light) .blog-site .mm-t{color:#ffffff}.blog-site .mm-t svg{width:13px;height:13px;opacity:0;transform:translateX(-3px);transition:opacity .18s ease,transform .18s ease;color:#2563eb}body:not(.light) .blog-site .mm-t svg{color:#60a5fa}.blog-site .mm-item:hover .mm-t svg{opacity:1;transform:translateX(0)}.blog-site .mm-d{font-size:12.5px;line-height:1.5;color:#9ca3af;margin-top:3px}body:not(.light) .blog-site .mm-d{color:#6b7280}.blog-site .mm-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;background:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.07);font-size:13px}body:not(.light) .blog-site .mm-foot{background:rgba(255,255,255,.025);border-top-color:rgba(255,255,255,.07)}.blog-site .mm-foot span{color:#9ca3af}body:not(.light) .blog-site .mm-foot span{color:#6b7280}.blog-site .mm-foot a{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#2563eb;transition:gap .2s ease}body:not(.light) .blog-site .mm-foot a{color:#60a5fa}.blog-site .mm-foot a:hover{gap:10px}.blog-site .mm-foot a svg{width:14px;height:14px}.blog-site .mm-list{padding:8px}.blog-site .mm-list a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;font-size:14px;color:#4b5563;transition:background .18s,color .18s}.blog-site .mm-list a:hover{background:rgba(0,0,0,.04);color:#111827}.blog-site .mm-list a[aria-current=page]{color:#2563eb}body:not(.light) .blog-site .mm-list a{color:#d1d5db}body:not(.light) .blog-site .mm-list a:hover{background:rgba(255,255,255,.05);color:#ffffff}body:not(.light) .blog-site .mm-list a[aria-current=page]{color:#60a5fa}.blog-site .mm-list svg{width:16px;height:16px;flex:none;opacity:.65;stroke-width:1.9}@media (max-width:1180px){.blog-site .mm-grid{grid-template-columns:repeat(2,1fr)}}.blog-site .mnav{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:60;display:flex;flex-direction:column;padding:8px 20px 28px;overflow-y:auto;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.08)}body:not(.light) .blog-site .mnav{background:rgba(5,5,5,.97);border-top-color:rgba(255,255,255,.08)}@media (min-width:768px){.blog-site .mnav{display:none!important}}.blog-site .mnav-list{display:flex;flex-direction:column}.blog-site .mnav-list a{padding:16px 4px;font-size:17px;font-weight:500;color:#111827;border-bottom:1px solid rgba(0,0,0,.07)}.blog-site .mnav-list a[aria-current=page]{color:#2563eb}body:not(.light) .blog-site .mnav-list a{color:#e5e7eb;border-bottom-color:rgba(255,255,255,.07)}body:not(.light) .blog-site .mnav-list a[aria-current=page]{color:#60a5fa}.blog-site .mnav-cta{display:block;text-align:center;margin-top:24px;padding:14px 20px;border-radius:9999px;background:#2563eb;color:#fff;font-weight:500;font-size:15px}.blog-site .bg-pattern{position:absolute;top:0;left:0;right:0;height:80vh;z-index:0;pointer-events:none;background-size:60px 60px;background-image:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.03) 1px,transparent 0);mask-image:linear-gradient(180deg,black 40%,transparent);-webkit-mask-image:linear-gradient(180deg,black 40%,transparent)}body:not(.light) .blog-site .bg-pattern{background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.045) 1px,transparent 0)}.blog-site .article-card{background:#ffffff;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-site .article-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 40px -10px rgba(0,0,0,.05),0 0 20px rgba(59,130,246,.1)}body:not(.light) .blog-site .article-card{background:#0A0A0A;border-color:rgba(255,255,255,.1)}body:not(.light) .blog-site .article-card:hover{border-color:rgba(255,255,255,.18);box-shadow:0 10px 40px -10px rgba(0,0,0,.6),0 0 20px rgba(59,130,246,.12)}.blog-site .tag-pill{display:inline-block;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);color:#64748b;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:9999px;transition:all .2s}.blog-site .article-card:hover .tag-pill{background:rgba(0,0,0,.06);color:#334155}body:not(.light) .blog-site .tag-pill{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1);color:#9ca3af}body:not(.light) .blog-site .article-card:hover .tag-pill{background:rgba(255,255,255,.09);color:#e5e7eb}@keyframes blog-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-site .fade-in{animation:blog-fade-in .6s cubic-bezier(.4,0,.2,1) forwards}@media (prefers-reduced-motion:reduce){.blog-site .fade-in{animation:none}.blog-site .article-card:hover{transform:none}}.blog-site .grp-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:18px 0 16px;border-top:1px solid rgba(0,0,0,.06)}body:not(.light) .blog-site .grp-strip{border-top-color:rgba(255,255,255,.05)}.blog-site .grp-strip .gl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9ca3af;margin-right:4px}body:not(.light) .blog-site .grp-strip .gl{color:#4b5563}.blog-site .grp-strip .cur,.blog-site .grp-strip a{font-size:13px;font-weight:500;letter-spacing:.01em;color:#6b7280;transition:color .18s}.blog-site .grp-strip a:hover{color:#111827}body:not(.light) .blog-site .grp-strip a:hover{color:#ffffff}.blog-site .grp-strip .cur{color:#374151}body:not(.light) .blog-site .grp-strip .cur{color:#d1d5db}.blog-site .grp-strip .cur:after{content:"";display:inline-block;width:5px;height:5px;border-radius:999px;background:#2563eb;margin-left:7px;vertical-align:middle}