.blog-root{padding:0 16px 80px;position:relative}.blog-content{text-align:center;max-width:1200px;margin:0 auto;position:relative}.blog-header{background-image:radial-gradient(#61646c66 1px,#0000 1px);background-size:20px 20px;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;padding:80px 10px;display:flex;position:relative}.blog-header:before{content:"";background:radial-gradient(closest-side, transparent 50%, var(--color-secondary-200) 100%);pointer-events:none;border-radius:30px;position:absolute;inset:0}.blog-header>*{z-index:1;position:relative}.blog-header-kicker{color:var(--color-neutral-300);font-size:16px;font-weight:600}.blog-header-title{color:var(--color-neutral-100);font-family:var(--font-poppins);letter-spacing:-.02em;margin:12px 0 0;font-size:44px;font-weight:600;line-height:1.1}.blog-header-subtitle{color:var(--color-neutral-400);max-width:780px;margin:12px auto 0;font-size:20px}.blog-header-companies{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin-top:25px;display:flex}.blog-header-companies img{opacity:.9;width:auto;height:28px}.blog-header-search{width:400px;min-width:300px;margin-top:50px}.blog-controls{justify-content:flex-end;align-items:center;margin-top:32px;display:flex}.blog-sort-select{border:1px solid var(--color-secondary-300);width:260px;color:var(--color-neutral-100);background-color:var(--color-secondary-100);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:15px;font-weight:500;display:block}.blog-sort-select:focus{border-color:var(--color-primary-200)}.blog-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px auto 0;display:grid}.blog-empty{color:var(--color-neutral-400);margin-top:60px;font-size:18px}@media screen and (max-width:1024px){.blog-header{padding:50px 10px}.blog-header:before{background:radial-gradient(ellipse at center, transparent 50%, var(--color-secondary-200) 100%);border-radius:10px}.blog-header-title{font-size:36px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:768px){.blog-root{padding:0 16px 60px}.blog-header{padding:30px 10px}.blog-header-title{font-size:30px}.blog-controls{flex-direction:column}.blog-sort-select{width:100%;margin-top:16px}.blog-grid{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:480px){.blog-header-search{width:100%;min-width:0}.blog-header:before{background:0 0}}
