:root{--blog-accent:#0f5b95;--blog-accent-2:#1a73b8;--blog-accent-rgb:15,91,149;--blog-bg:var(--theme-card,#ffffff);--blog-border:var(--theme-border,rgba(15,91,149,0.08));--blog-text:var(--theme-text,#0f172a);--blog-muted:var(--theme-muted,#64748b);--blog-surface:rgba(15,91,149,0.04)}html[data-theme="dark"]{--blog-accent:#5ba8e5;--blog-accent-2:#7cbce9;--blog-accent-rgb:91,168,229;--blog-surface:rgba(91,168,229,0.06)}.hero.info-hero{position:relative;overflow:hidden}body.blog-page .hero.info-hero{height:auto;min-height:120px;padding:28px 36px}body.blog-page .info-hero .stack{justify-content:center;align-items:flex-start}body.blog-page .info-hero h1{justify-content:flex-start;text-align:left;font-size:clamp(20px,2.6vw,32px);line-height:1.2;margin:0;max-width:calc(100% - 200px)}@media (max-width:768px){body.blog-page .info-hero h1{max-width:100%;font-size:20px}}.blog-hero-decor{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.blog-hero-decor svg{width:100%;height:100%;display:block}.hero.info-hero>*{position:relative;z-index:1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.blog-card{position:relative;background:var(--blog-bg);border:1px solid var(--blog-border);border-radius:18px;padding:22px 24px 24px;text-decoration:none!important;color:inherit;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.blog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blog-accent),var(--blog-accent-2),var(--blog-accent));background-size:200% 100%;opacity:0;transition:opacity .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--blog-accent) 40%,transparent);box-shadow:0 16px 36px -10px rgba(var(--blog-accent-rgb),0.22)}.blog-card:hover::before{opacity:1;animation:blog-shine 2.2s ease-in-out infinite}@keyframes blog-shine{0%,100%{background-position:0% 0%}50%{background-position:100% 0%}}.blog-card::after{content:"";position:absolute;right:-20px;bottom:-20px;width:120px;height:120px;background-image:radial-gradient(circle,color-mix(in srgb,var(--blog-accent) 35%,transparent) 1px,transparent 1.5px);background-size:10px 10px;opacity:0.4;z-index:-1;pointer-events:none;transition:opacity .25s}.blog-card:hover::after{opacity:0.7}.blog-card-icon{width:48px;height:48px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,rgba(var(--blog-accent-rgb),0.16),rgba(var(--blog-accent-rgb),0.04));display:inline-flex;align-items:center;justify-content:center;color:var(--blog-accent);border:1px solid color-mix(in srgb,var(--blog-accent) 18%,transparent);transition:transform .25s ease}.blog-card:hover .blog-card-icon{transform:scale(1.08) rotate(-3deg)}.blog-card-icon svg{width:26px;height:26px}.blog-card-date{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--blog-muted);margin-bottom:10px;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px}.blog-card-date::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blog-accent)}.blog-card-title{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 10px;color:var(--blog-text)}.blog-card-excerpt{font-size:14px;line-height:1.55;color:var(--blog-muted);margin:0 0 16px;flex:1}.blog-card-more{font-size:13px;color:var(--blog-accent);font-weight:700;margin-top:auto;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease}.blog-card:hover .blog-card-more{gap:10px}.blog-article-hero-art{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:180px;height:180px;color:var(--blog-accent);opacity:0.55;pointer-events:none;filter:drop-shadow(0 8px 20px rgba(var(--blog-accent-rgb),0.25))}@media (max-width:768px){.blog-article-hero-art{display:none}}.blog-article{position:relative;overflow:hidden}.blog-article::before{content:"";position:absolute;top:0;right:0;width:240px;height:240px;background-image:linear-gradient(rgba(var(--blog-accent-rgb),0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--blog-accent-rgb),0.06) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(circle at 100% 0%,black,transparent 70%);-webkit-mask-image:radial-gradient(circle at 100% 0%,black,transparent 70%);pointer-events:none;z-index:0}.blog-article>*{position:relative;z-index:1}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-icon,.blog-card-more,.blog-card::before{transition:none!important;animation:none!important}}