:root{--bg:#050505;--card-bg:#111;--border:#222;--accent:#d552ff;--text-main:#fff;--text-muted:#a0a0a0}
.aktualnosci-container{max-width:1200px;margin:0 auto;padding:150px 20px 100px;font-family:system-ui,-apple-system,sans-serif}
.aktualnosci-container h1{font-size:3rem;font-weight:800;color:var(--text-main);margin-bottom:60px;letter-spacing:-1px;text-align:center}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:35px}
.blog-post-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:all .3s ease}
.blog-post-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px rgba(213,82,255,.1)}
.image-wrapper{width:100%;height:220px;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-post-card:hover .image-wrapper img{transform:scale(1.05)}
.post-badge{position:absolute;top:15px;left:15px;background:var(--accent);color:#fff;padding:4px 10px;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:4px;letter-spacing:1px;z-index:2}
.post-info{padding:25px;display:flex;flex-direction:column;flex-grow:1}
.blog-card-details{color:#ffffff!important;font-size:.85rem;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:block}
.blog-post-card h2{color:var(--text-main);font-size:1.35rem;line-height:1.4;margin:0 0 15px;font-weight:700;transition:color .3s}
.blog-post-card:hover h2{color:var(--accent)}
.excerpt{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.read-more-link{margin-top:auto;color:var(--accent);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center}
.read-more-link::after{content:'\2192';margin-left:8px;font-size:1.2rem;transition:transform .3s ease}
.blog-post-card:hover .read-more-link::after{transform:translateX(5px)}
.no-posts{text-align:center;font-size:1.2rem;color:var(--text-muted);margin-top:50px;grid-column:1/-1}