.df-posts{--df-blue:#0095ff;--df-bg:#050a10;--df-card:#0c1724;--df-border:rgba(255,255,255,.28);--df-text:#fff;--df-muted:#dfe6ee;width:100%;background:#050a10;color:var(--df-text);padding-bottom:42px}
.df-posts *{box-sizing:border-box}
.df-posts__hero{min-height:190px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;background:#050a10;padding:30px 5%}
.df-posts__hero-line{height:1px;background:rgba(0,149,255,.55);flex:1}
.df-posts__hero-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:max-content;text-align:center}
.df-posts__hero-icon{display:block;width:30px;height:30px;color:var(--df-blue);margin-bottom:7px}
.df-posts__hero-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.df-posts__hero-copy{width:auto;padding:0;position:relative;z-index:2;background:transparent;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.df-posts__hero h2{font-size:38px;line-height:1.05;margin:0 0 12px;font-weight:600;letter-spacing:.3px;color:#fff}
.df-posts__hero p{font-size:18px;line-height:1.55;margin:0;color:#e3e9f0;max-width:760px}
.df-posts__hero-image{display:none!important}
.df-posts__toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 5% 21px}
.df-posts__filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.df-posts__filter{border:0;background:transparent;color:#f1f5f9;padding:11px 18px;border-radius:4px;font-size:15px;cursor:pointer;letter-spacing:.2px}
.df-posts__filter:hover,.df-posts__filter.is-active{background:var(--df-blue);color:#fff}
.df-posts__search{height:44px;min-width:310px;border:1px solid rgba(0,149,255,.7);border-radius:5px;display:flex;align-items:center;background:#07111d}
.df-posts__search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;font-size:15px}
.df-posts__search input::placeholder{color:#8d9baa}
.df-posts__search span{width:24px;height:24px;margin-right:12px;color:#fff}
.df-posts__search svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.df-posts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 4.5%}
.df-post-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--df-border);border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#0e1a28,#091521);box-shadow:0 8px 28px rgba(0,0,0,.2)}
.df-post-card.is-hidden{display:none}
.df-post-card__image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a1119}
.df-post-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.df-post-card__image:hover img{transform:scale(1.035)}
.df-post-card__placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#718093;font-size:14px;letter-spacing:1px}
.df-post-card__body{display:flex;flex-direction:column;flex:1;padding:19px 19px 20px}
.df-post-card__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;min-height:25px}
.df-post-card__category{border:1px solid var(--df-blue);color:var(--df-blue);font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap}
.df-post-card__date{display:flex;align-items:center;gap:6px;font-size:13px;color:#d9e0e8;white-space:nowrap}
.df-post-card__icon{width:18px;height:18px;display:inline-flex;color:var(--df-blue)}
.df-post-card__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.df-post-card h3{font-size:20px;line-height:1.3;margin:0 0 12px;height:52px;overflow:hidden;font-weight:600}
.df-post-card h3 a{color:#fff;text-decoration:none}
.df-post-card h3 a:hover{color:#2da7ff}
.df-post-card p{font-size:15px;line-height:1.55;color:var(--df-muted);margin:0;height:96px;overflow:hidden}
.df-post-card__read{margin-top:auto;padding-top:17px;display:inline-flex;align-items:center;gap:7px;color:var(--df-blue);font-size:15px;font-weight:600;text-decoration:none}
.df-post-card__read:hover{color:#fff}
.df-post-card__arrow{width:18px;height:18px;display:inline-flex}
.df-post-card__arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.df-posts__pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:22px 0 0}
.df-posts__page{min-width:38px;height:38px;border:0;border-radius:4px;background:#101d2c;color:#fff;cursor:pointer;font-size:15px}
.df-posts__page:hover,.df-posts__page.is-active{background:var(--df-blue)}
.df-posts__page.is-disabled{opacity:.35;cursor:default}
.df-posts__empty{text-align:center;padding:40px 20px;color:#cbd5df}
.df-posts__all-wrap{display:flex;justify-content:center;padding:20px 5% 0}
.df-posts__all{min-width:410px;text-align:center;border:1px solid var(--df-blue);border-radius:5px;padding:13px 24px;color:var(--df-blue);text-decoration:none;font-size:16px;font-weight:500}
.df-posts__all:hover{background:var(--df-blue);color:#fff}
@media(max-width:1199px){.df-posts__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.df-posts__hero-copy{width:auto}}
@media(max-width:991px){.df-posts__hero-copy{width:auto}
.df-posts__toolbar,
.df-posts__grid,
.df-posts__pagination,
.df-posts__all-wrap,
.df-posts__empty{background:#050a10}

.df-posts__toolbar{align-items:flex-start;flex-direction:column}.df-posts__search{width:100%;min-width:0}.df-posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.df-posts__hero{min-height:285px}.df-posts__hero{padding:25px 18px;gap:10px}.df-posts__hero-center{min-width:0;width:100%}.df-posts__hero-icon{width:25px;height:25px}.df-posts__hero h2{font-size:29px}.df-posts__hero p{font-size:16px}.df-posts__hero-line{min-width:15px}
.df-posts__toolbar,
.df-posts__grid,
.df-posts__pagination,
.df-posts__all-wrap,
.df-posts__empty{background:#050a10}

.df-posts__toolbar{padding:20px 20px 17px}.df-posts__filters{gap:5px}.df-posts__filter{padding:9px 11px;font-size:13px}.df-posts__grid{grid-template-columns:1fr;padding:0 20px;gap:15px}.df-post-card__image{aspect-ratio:16/9}.df-post-card h3{height:auto;min-height:50px}.df-post-card p{height:auto;min-height:78px}.df-posts__all{min-width:0;width:100%}}

.df-posts__hero-image{display:none!important}