.blog-container{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:var(--bg-third-color)}.blog-hero-section{position:relative;width:100%;background-color:var(--bg-primary-color);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(245,135,44,.18) 0,transparent 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.blog-hero-section:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(245,135,44,.2) 30%,rgba(245,135,44,.2) 70%,transparent);pointer-events:none}.blog-hero-inner{text-align:center;gap:1.1rem;padding:clamp(3.5rem,6vw,5.5rem) 0 1.75rem}.blog-filters-inner,.blog-hero-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:min(680px,88%);margin:0 auto;z-index:1}.blog-filters-inner{gap:1.25rem;padding-bottom:clamp(2.5rem,4vw,4rem)}.blog-hero-inner h1{color:#fff;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin:0}.blog-hero-inner p{color:#aab4c0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.75;font-weight:300;margin:0;max-width:560px}.blog-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.78rem}.blog-breadcrumbs a{color:rgba(136,150,171,.7);text-decoration:none;transition:color .15s}.blog-breadcrumbs a:hover{color:var(--primary-color)}.blog-breadcrumbs span:last-child{color:rgba(255,255,255,.4)}.blog-breadcrumbs span:not(:last-child){color:rgba(136,150,171,.35);font-size:.85rem}.blog-pills{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:.5rem}.category-pill{padding:6px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#8896ab;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .2s,background .2s,color .2s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-pill:hover{border-color:rgba(245,135,44,.4);color:#fff}.category-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-badge-skeleton{width:90px;height:32px;border-radius:100px}.blog-search{position:relative;width:min(420px,100%);margin-bottom:8px}.blog-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#8896ab;display:flex;pointer-events:none}.blog-search-input{width:100%;height:38px;padding:0 36px 0 38px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:.875rem;outline:none;transition:border-color .2s,background .2s}.blog-search-input::placeholder{color:#8896ab}.blog-search-input:focus{border-color:rgba(245,135,44,.45);background:rgba(255,255,255,.08)}.blog-search-clear{position:absolute;right:11px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#8896ab;display:flex;align-items:center;padding:4px;border-radius:50%;transition:color .15s}.blog-search-clear:hover{color:#fff}.blog-content{width:min(1080px,88%);margin:3rem auto 5rem;display:flex;flex-direction:column;gap:2.5rem}.blog-featured{display:grid;grid-template-columns:1.1fr 1fr;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(42,51,66,.09);text-decoration:none;transition:box-shadow .3s,transform .3s,border-color .3s}.blog-featured:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.1);border-color:rgba(245,135,44,.2)}.blog-featured-image{position:relative;overflow:hidden;aspect-ratio:16/10}.blog-featured-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.blog-featured:hover .blog-featured-img{transform:scale(1.04)}.blog-featured-body{padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:center;gap:1rem}.blog-featured-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.blog-featured-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--primary-color);padding:3px 10px;border-radius:100px}.blog-featured-title{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text-secondary-color);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-featured-cta{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color);margin-top:4px;transition:gap .2s}.blog-featured:hover .blog-featured-cta{gap:12px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(42,51,66,.09);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.1);border-color:rgba(245,135,44,.2)}.blog-card-image{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;flex-shrink:0}.blog-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-img-placeholder{width:100%;height:100%;background:rgba(42,51,66,.06)}.blog-card-status{position:absolute;top:10px;left:10px;background:rgba(220,38,38,.9);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;padding:3px 10px;border-radius:100px}.blog-card-body{display:flex;flex-direction:column;flex:1 1;padding:20px 22px 22px;gap:10px}.blog-card-categories{display:flex;flex-wrap:wrap;gap:6px}.blog-card-cat{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-color);background:rgba(245,135,44,.08);border:1px solid rgba(245,135,44,.18);padding:3px 10px;border-radius:100px}.blog-card-title{margin:0;font-size:1.1rem;font-weight:700;line-height:1.4;letter-spacing:-.015em}.blog-card-title a{color:var(--text-secondary-color);text-decoration:none;transition:color .2s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title a{color:var(--primary-color)}.blog-card-meta{display:flex;align-items:center;gap:7px;margin-top:auto}.blog-card-author{font-size:.8rem;font-weight:600;color:var(--primary-color)}.blog-card-dot{color:rgba(136,150,171,.5);font-size:.8rem}.blog-card-date{font-size:.8rem;color:#8896ab}.blog-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--secondary-color);text-decoration:none;text-transform:uppercase;transition:color .2s,gap .2s;margin-top:2px}.blog-card:hover .blog-card-cta{color:var(--primary-color);gap:10px}.blog-featured-skeleton{display:grid;grid-template-columns:1.1fr 1fr;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(42,51,66,.08)}.blog-featured-skeleton .skeleton-featured-img{width:100%;aspect-ratio:16/10;display:block}.blog-featured-skeleton .skeleton-featured-body{padding:2rem 2.25rem;display:flex;flex-direction:column;gap:14px;justify-content:center}.blog-card-skeleton{background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(42,51,66,.08)}.blog-card-skeleton .skeleton-img{width:100%;aspect-ratio:16/10;display:block}.blog-card-skeleton .skeleton-body{padding:20px 22px;display:flex;flex-direction:column;gap:10px}.blog-card-skeleton .skeleton-meta{width:140px;height:14px;border-radius:6px}.blog-card-skeleton .skeleton-title{width:100%;height:20px;border-radius:6px}.blog-empty{align-items:center;padding:5rem 1rem;color:#8896ab;font-size:1rem}.blog-empty,.blog-loader{display:flex;justify-content:center}.blog-loader{padding:2rem 0 1rem}.blog-loader-dots{display:flex;gap:8px;align-items:center}.blog-loader-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);opacity:.6;animation:blog-bounce 1.2s ease-in-out infinite}.blog-loader-dots span:nth-child(2){animation-delay:.2s}.blog-loader-dots span:nth-child(3){animation-delay:.4s}@keyframes blog-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}@media screen and (max-width:639px){.blog-hero-section:before{display:none}.blog-featured{grid-template-columns:1fr}.blog-featured-image{aspect-ratio:16/9}.blog-featured-body{padding:1.25rem 1.25rem 1.5rem}.blog-featured-skeleton,.blog-grid{grid-template-columns:1fr}.blog-grid{gap:16px}.blog-content{margin:2rem auto 3rem;gap:1.75rem}.blog-pills{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;margin-top:0}.blog-pills::-webkit-scrollbar{display:none}.blog-search{width:100%}}@media screen and (min-width:640px) and (max-width:1023px){.blog-featured{grid-template-columns:1fr}.blog-featured-image{aspect-ratio:16/8}.blog-featured-body{padding:1.5rem 1.75rem 2rem}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}