.blog-container{background:var(--blogx-bg)}:root,.blogx{--blogx-bg:#f5f8fc;--blogx-surface:#fff;--blogx-ink:#00033b;--blogx-ink-soft:#4b5563;--blogx-muted:#6b7280;--blogx-brand:#0087ff;--blogx-brand-deep:#0064c8;--blogx-line:#e6ecf5;--blogx-radius:18px;--blogx-shadow:0 1px 2px #002d660a,0 8px 24px #002d660f;--blogx-shadow-lift:0 2px 4px #002d660d,0 18px 40px #002d6621}.blogx{max-width:1180px;color:var(--blogx-ink);margin:0 auto;padding:0 24px 96px}.blogx-hero{border:1px solid var(--blogx-line);text-align:center;background:radial-gradient(120% 140% at 12% 0,#0087ff29 0%,#0087ff00 55%),radial-gradient(100% 130% at 92% 8%,#10b98121 0%,#10b98100 52%),linear-gradient(#fff 0%,#eef4fd 100%);border-radius:28px;margin:24px 0 40px;padding:64px 32px 68px;position:relative;overflow:hidden}.blogx-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#00033b0b 1px,#0000 1px),linear-gradient(90deg,#00033b0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 0%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 0%,#0000 78%)}.blogx-hero-inner{max-width:720px;margin:0 auto;position:relative}.blogx-eyebrow{color:var(--blogx-brand-deep);letter-spacing:.06em;text-transform:uppercase;background:#0087ff1a;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-block}.blogx-title{letter-spacing:-.02em;color:var(--blogx-ink);margin:0 0 14px;font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;line-height:1.12}.blogx-subtitle{max-width:560px;color:var(--blogx-ink-soft);margin:0 auto 30px;font-size:1.05rem;line-height:1.65}.blogx-search{background:var(--blogx-surface);border:1px solid var(--blogx-line);max-width:540px;box-shadow:var(--blogx-shadow);border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:7px 7px 7px 16px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.blogx-search:focus-within{box-shadow:0 0 0 4px #0087ff1f,var(--blogx-shadow);border-color:#0087ff8c}.blogx-search-icon{width:19px;height:19px;color:var(--blogx-muted);flex:none}.blogx-search-input{min-width:0;color:var(--blogx-ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:.97rem}.blogx-search-input::placeholder{color:#9aa4b2}.blogx-search-btn{background:var(--blogx-brand);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;padding:11px 26px;font-family:inherit;font-size:.93rem;font-weight:700;transition:background .18s,transform .18s}.blogx-search-btn:hover{background:var(--blogx-brand-deep);transform:translateY(-1px)}.blogx-search-btn:active{transform:translateY(0)}.blogx-cats{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:32px;display:flex}.blogx-cat{border:1px solid var(--blogx-line);background:var(--blogx-surface);color:var(--blogx-ink-soft);white-space:nowrap;border-radius:999px;padding:8px 17px;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .16s,border-color .16s,background .16s,transform .16s}.blogx-cat:hover{color:var(--blogx-brand-deep);border-color:#0087ff73;transform:translateY(-1px)}.blogx-cat--on{background:var(--blogx-ink);border-color:var(--blogx-ink);color:#fff}.blogx-cat--on:hover{color:#fff;border-color:var(--blogx-ink)}.blogx-active-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:-14px 0 30px;display:flex}.blogx-result-count{color:var(--blogx-ink);font-size:.95rem;font-weight:700}.blogx-clear{color:var(--blogx-ink-soft);background:#00033b0f;border-radius:999px;padding:7px 15px;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .16s,color .16s;display:inline-block}.blogx-clear:hover{color:var(--blogx-ink);background:#00033b1a}.blogx-meta{align-items:center;gap:9px;margin-bottom:12px;font-size:.8rem;display:flex}.blogx-cat-tag{color:var(--blogx-brand-deep);letter-spacing:.02em;text-transform:uppercase;font-weight:700}.blogx-dot{background:#c3cbd8;border-radius:50%;flex:none;width:3px;height:3px}.blogx-date{color:var(--blogx-muted)}.blogx-more{color:var(--blogx-brand);align-items:center;gap:7px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.blogx-more-arrow{transition:transform .2s;display:inline-block}.blogx-more:hover .blogx-more-arrow{transform:translate(4px)}[dir=rtl] .blogx-more:hover .blogx-more-arrow{transform:translate(-4px)}.blogx-lead{background:var(--blogx-surface);border:1px solid var(--blogx-line);border-radius:var(--blogx-radius);box-shadow:var(--blogx-shadow);grid-template-columns:1.15fr 1fr;gap:0;margin-bottom:34px;transition:box-shadow .28s,transform .28s;display:grid;overflow:hidden}.blogx-lead:hover{box-shadow:var(--blogx-shadow-lift);transform:translateY(-3px)}.blogx-lead-media{aspect-ratio:1200/630;background:#eaf1fa;display:block;position:relative;overflow:hidden}.blogx-lead-media img,.blogx-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.blogx-lead:hover .blogx-lead-media img,.blogx-card:hover .blogx-card-media img{transform:scale(1.045)}.blogx-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--blogx-ink);letter-spacing:.06em;text-transform:uppercase;background:#ffffffed;border-radius:999px;padding:6px 13px;font-size:.73rem;font-weight:800;position:absolute;inset-block-start:14px;inset-inline-start:14px;box-shadow:0 2px 10px #002d6629}.blogx-lead-body{flex-direction:column;justify-content:center;padding:34px 36px;display:flex}.blogx-lead-title{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.35rem,2.1vw,1.75rem);font-weight:800;line-height:1.28}.blogx-lead-title a,.blogx-card-title a{color:var(--blogx-ink);background-image:linear-gradient(var(--blogx-brand),var(--blogx-brand));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;text-decoration:none;transition:background-size .3s cubic-bezier(.16,1,.3,1),color .2s}[dir=rtl] .blogx-lead-title a,[dir=rtl] .blogx-card-title a{background-position:100% 100%}.blogx-lead-title a:hover,.blogx-card-title a:hover{color:var(--blogx-brand-deep);background-size:100% 2px}.blogx-lead-excerpt{color:var(--blogx-ink-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 20px;font-size:1rem;line-height:1.68;display:-webkit-box;overflow:hidden}.blogx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.blogx-card{background:var(--blogx-surface);border:1px solid var(--blogx-line);border-radius:var(--blogx-radius);box-shadow:var(--blogx-shadow);transition:box-shadow .28s,transform .28s,border-color .28s;overflow:hidden}.blogx-card>article{flex-direction:column;height:100%;display:flex}.blogx-card:hover{box-shadow:var(--blogx-shadow-lift);border-color:#0087ff4d;transform:translateY(-4px)}.blogx-card-media{aspect-ratio:1200/630;background:#eaf1fa;display:block;overflow:hidden}.blogx-card-body{flex-direction:column;flex:1;padding:20px 22px 24px;display:flex}.blogx-card-title{letter-spacing:-.005em;margin:0 0 10px;font-size:1.1rem;font-weight:700;line-height:1.36}.blogx-card-excerpt{color:var(--blogx-ink-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 18px;font-size:.92rem;line-height:1.62;display:-webkit-box;overflow:hidden}.blogx-empty{background:var(--blogx-surface);border:1px dashed var(--blogx-line);border-radius:var(--blogx-radius);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:72px 24px;display:flex}.blogx-empty-mark{width:60px;height:60px;color:var(--blogx-brand);background:#0087ff17;border-radius:50%;place-items:center;display:grid}.blogx-empty-mark svg{width:27px;height:27px}.blogx-empty-text{max-width:440px;color:var(--blogx-ink-soft);margin:0;font-size:1rem;line-height:1.65}.blogx-pager{justify-content:center;align-items:center;gap:12px;margin-top:52px;display:flex}.blogx-pager-btn{border:1px solid var(--blogx-line);background:var(--blogx-surface);color:var(--blogx-ink);box-shadow:var(--blogx-shadow);border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color .18s,color .18s,transform .18s;display:inline-flex}.blogx-pager-btn:hover{color:var(--blogx-brand-deep);border-color:#0087ff80;transform:translateY(-1px)}.blogx-pager-btn--off{opacity:.42;pointer-events:none;box-shadow:none}.blogx-pager-page{color:var(--blogx-muted);padding:0 6px;font-size:.9rem;font-weight:700}@media (max-width:1024px){.blogx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blogx-lead{grid-template-columns:1fr}.blogx-lead-body{padding:26px 28px 30px}}@media (max-width:720px){.blogx{padding:0 16px 72px}.blogx-hero{border-radius:22px;margin:16px 0 30px;padding:44px 20px 48px}.blogx-grid{grid-template-columns:1fr;gap:20px}.blogx-search{border-radius:20px;flex-wrap:wrap;gap:12px;padding:14px 16px}.blogx-search-input{flex:auto}.blogx-search-btn{border-radius:12px;flex:1 0 100%}.blogx-cats{padding-bottom:6px;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.blogx-cats::-webkit-scrollbar{display:none}.blogx-pager{gap:8px}.blogx-pager-btn{padding:10px 16px;font-size:.87rem}}@media (prefers-reduced-motion:reduce){.blogx-lead,.blogx-card,.blogx-lead-media img,.blogx-card-media img,.blogx-more-arrow,.blogx-search-btn,.blogx-cat,.blogx-pager-btn{transition:none!important;transform:none!important}}