.cyberpunk-container{width:100%;padding:20px;background:#000;position:relative;overflow:hidden}.cyberpunk-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#c4b497,transparent);animation:scanline 3s linear infinite}@keyframes scanline{0%{transform:translateY(0)}100%{transform:translateY(100vh)}}.cyberpunk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;position:relative;z-index:1}.cyberpunk-post{perspective:1000px}.cyberpunk-card{background:rgb(0 0 0 / .8);border:1px solid #8c2226;border-radius:4px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 10px rgb(140 34 38 / .3)}.cyberpunk-card:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:0 10px 20px rgb(140 34 38 / .5);border-color:#c4b497}.cyberpunk-header{border-bottom:1px solid #8c2226;padding-bottom:15px;margin-bottom:15px;position:relative}.cyberpunk-title{color:#fff;font-family:'Courier New',monospace;font-size:1.4rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block}.cyberpunk-title:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#c4b497;transition:width .3s ease}.cyberpunk-card:hover .cyberpunk-title:after{width:100%}.cyberpunk-date{color:#c4b497;font-size:.8rem;font-family:'Courier New',monospace}.cyberpunk-content{color:#fff;line-height:1.6;margin-bottom:20px;font-family:'Arial',sans-serif}.cyberpunk-footer{display:flex;justify-content:flex-end}.cyberpunk-link{color:#c4b497;text-decoration:none;font-family:'Courier New',monospace;font-weight:700;display:flex;align-items:center;transition:all .3s ease;position:relative;overflow:hidden;padding:5px 10px}.cyberpunk-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(196 180 151 / .2);transition:left .3s ease}.cyberpunk-link:hover{color:#fff;background:#8c2226}.cyberpunk-link:hover:before{left:0}.cyberpunk-arrow{margin-left:5px;transition:transform .3s ease}.cyberpunk-link:hover .cyberpunk-arrow{transform:translateX(5px)}.cyberpunk-glitch{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 49%,rgb(140 34 38 / .3) 50%,transparent 51%);opacity:0;pointer-events:none;transition:opacity .3s ease}.cyberpunk-card:hover .cyberpunk-glitch{opacity:1;animation:glitch .5s infinite}@keyframes glitch{0%{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}100%{transform:translateX(0)}}.cyberpunk-no-posts{color:#fff;text-align:center;font-family:'Courier New',monospace;font-size:1.2rem;padding:40px}.cyberpunk-title,.cyberpunk-link{animation:text-flicker 5s infinite alternate}@keyframes text-flicker{0%,19.999%,22%,62.999%,64%,64.999%,72%,100%{opacity:1}20%,21.999%,63%,63.999%,65%,71.999%{opacity:.8}}@media (max-width:768px){.cyberpunk-grid{grid-template-columns:1fr}.cyberpunk-card{padding:15px}}