.blog{background:#fdf3ec;min-height:100vh}.blog__hero{background:#0d1b3d;padding:80px 0;position:relative;overflow:hidden}.blog__hero:before{content:"";opacity:.06;background:#f47b20;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-100px}.blog__hero:after{content:"";opacity:.08;background:#f47b20;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:10%}.blog__hero-inner{z-index:2;position:relative}.blog__hero-badge{color:#f47b20;text-transform:uppercase;letter-spacing:.12em;background:#f47b2026;border:1px solid #f47b2040;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.blog__hero-badge:before{content:"";background:#f47b20;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.blog__hero-title{letter-spacing:-.03em;color:#fff;margin-bottom:16px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.blog__hero-title em{color:#f47b20;font-style:normal}.blog__hero-sub{color:#ffffffa6;max-width:560px;margin-bottom:28px;font-size:17px;line-height:1.7}.blog__hero-stats{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.blog__hero-stat{color:#ffffff80;letter-spacing:.01em;font-size:13px}.blog__hero-stat strong{color:#f47b20;font-weight:700}.blog__hero-stat-dot{color:#ffffff40;-webkit-user-select:none;user-select:none;font-size:13px}.blog__featured-strip{padding:80px 0 0}.blog__section-label{text-transform:uppercase;letter-spacing:.14em;color:#f47b20;align-items:center;gap:12px;margin-bottom:28px;font-size:13px;font-weight:700;display:flex}.blog__section-label:after{content:"";background:#ecdfd1;flex:1;height:1px}.blog__featured-grid{grid-template-rows:auto auto;grid-template-columns:1.55fr 1fr;gap:24px;display:grid}.blog__all{padding:72px 0 120px}.blog__all-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.blog__filters{flex-wrap:wrap;gap:8px;display:flex}.blog__filter-btn{color:#5a6184;cursor:pointer;background:#fff;border:1.5px solid #ecdfd1;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .28s cubic-bezier(.4,0,.2,1)}.blog__filter-btn:hover{color:#f47b20;border-color:#f47b20}.blog__filter-btn--active{color:#fff;background:#f47b20;border-color:#f47b20}.blog__filter-btn--active:hover{color:#fff}.blog__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog__newsletter{text-align:center;background:#0d1b3d;border-radius:24px;margin:0 0 80px;padding:56px 48px;position:relative;overflow:hidden}.blog__newsletter:before{content:"";opacity:.07;background:#f47b20;border-radius:50%;width:400px;height:400px;position:absolute;top:-160px;right:-80px}.blog__newsletter-inner{z-index:2;max-width:480px;margin:0 auto;position:relative}.blog__newsletter-title{color:#fff;letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(22px,3vw,32px);font-weight:800}.blog__newsletter-title em{color:#f47b20;font-style:normal}.blog__newsletter-sub{color:#fff9;margin-bottom:28px;font-size:14px}.blog__newsletter-form{gap:10px;display:flex}.blog__newsletter-form input{color:#fff;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:100px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:14px;transition:border-color .28s}.blog__newsletter-form input::placeholder{color:#ffffff59}.blog__newsletter-form input:focus{border-color:#f47b20}.blog__newsletter-form button{color:#fff;cursor:pointer;white-space:nowrap;background:#f47b20;border:none;border-radius:100px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .28s}.blog__newsletter-form button:hover{background:#e0670b;transform:translateY(-1px)}.featured-card{cursor:pointer;color:inherit;border-radius:20px;text-decoration:none;display:block;position:relative;overflow:hidden}.featured-card--main{grid-row:span 2}.featured-card--main .featured-card__img{height:100%;min-height:480px}.featured-card--side .featured-card__img{height:200px}.featured-card__img{background-position:50%;background-size:cover;width:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.featured-card__img:after{content:"";background:linear-gradient(#0000 30%,#0d1b3dd9 100%);position:absolute;inset:0}.featured-card:hover .featured-card__img{transform:scale(1.04)}.featured-card__body{z-index:2;padding:28px 28px 24px;position:absolute;bottom:0;left:0;right:0}.featured-card__cats{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.featured-card__cat{text-transform:uppercase;letter-spacing:.14em;color:#fff;border-radius:100px;padding:3px 12px;font-size:11px;font-weight:700}.featured-card__title{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:800;line-height:1.2}.featured-card--main .featured-card__title{font-size:clamp(22px,2.4vw,28px)}.featured-card__meta{color:#ffffffa6;align-items:center;gap:14px;font-size:13px;display:flex}.featured-card__author-img{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:28px;height:28px}.featured-card__dot{color:#ffffff59}.blog-card{color:inherit;background:#fff;border:1px solid #ecdfd1;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px -20px #0d1b3d2e}.blog-card__img-wrap{height:200px;position:relative;overflow:hidden}.blog-card__img{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card__img{transform:scale(1.06)}.blog-card__body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.blog-card__cats{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.blog-card__cat{text-transform:uppercase;letter-spacing:.12em;color:#fff;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.blog-card__title{color:#0d1b3d;letter-spacing:-.02em;flex:1;margin-bottom:10px;font-size:17px;font-weight:700;line-height:1.35}.blog-card__excerpt{color:#7c8398;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:18px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__meta{border-top:1px solid #ecdfd1;justify-content:space-between;align-items:center;gap:8px;padding-top:16px;display:flex}.blog-card__author{align-items:center;gap:8px;display:flex}.blog-card__author-img{object-fit:cover;border-radius:50%;width:26px;height:26px}.blog-card__author-name{color:#28335a;font-size:12px;font-weight:600}.blog-card__date-read{color:#7c8398;white-space:nowrap;font-size:12px}.blog-card__arrow{color:#f47b20;background:#fdf3ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .28s;display:flex}.blog-card__arrow svg{width:14px;height:14px}.blog-card:hover .blog-card__arrow{color:#fff;background:#f47b20}.blog__empty{text-align:center;padding:96px 0 120px}.blog__empty-icon{margin-bottom:20px;font-size:56px}.blog__empty-title{color:#0d1b3d;letter-spacing:-.02em;margin-bottom:12px;font-size:28px;font-weight:800}.blog__empty-sub{color:#7c8398;font-size:16px;line-height:1.7}.blog__empty-link{color:#f47b20;text-underline-offset:3px;font-weight:600;text-decoration:underline}.blog__empty-link:hover{opacity:.8}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.featured-card{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1)}.featured-card.visible{opacity:1}.blog-card{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}.blog-card.visible{opacity:1}@media (max-width:980px){.blog__featured-grid{grid-template-columns:1fr}.blog .featured-card--main{grid-row:span 1}.blog .featured-card--main .featured-card__img{min-height:320px}.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.blog__hero{padding:80px 0 48px}.blog__grid{grid-template-columns:1fr}.blog__newsletter{padding:36px 22px}.blog__newsletter-form{flex-direction:column}.blog__all-header{flex-direction:column;align-items:flex-start}.blog-header__row{padding:0 22px}}
