.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(320px,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;position:relative;overflow:hidden;transition:all 0.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-featured-image{position:relative;width:100%;height:200px;overflow:hidden}.cyberpunk-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.cyberpunk-card:hover .cyberpunk-featured-image img{transform:scale(1.05)}.cyberpunk-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgb(0 0 0 / .7) 100%);opacity:.7;transition:opacity 0.3s ease}.cyberpunk-card:hover .cyberpunk-image-overlay{opacity:.5}.cyberpunk-content-wrapper{padding:20px}.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 0;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-block;text-shadow:0 0 10px rgb(255 255 255 / .3)}.cyberpunk-title::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#C4B497;transition:width 0.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 0.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 0.3s ease}.cyberpunk-link:hover{color:#fff;background:#8C2226}.cyberpunk-link:hover::before{left:0}.cyberpunk-arrow{margin-left:5px;transition:transform 0.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 0.3s ease}.cyberpunk-card:hover .cyberpunk-glitch{opacity:1;animation:glitch 0.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}}.cyberpunk-cursor{position:fixed;width:20px;height:20px;background:rgb(140 34 38 / .5);border:1px solid #C4B497;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform 0.1s ease}.cursor-hover{transform:scale(1.5);background:rgb(196 180 151 / .7)}.cyberpunk-particle{position:absolute;width:2px;height:2px;background:#8C2226;border-radius:50%;pointer-events:none;z-index:0;animation:float 6s infinite linear}@keyframes float{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) translateX(100px);opacity:0}}@media (max-width:768px){.cyberpunk-grid{grid-template-columns:1fr}.cyberpunk-content-wrapper{padding:15px}.cyberpunk-featured-image{height:180px}.cyberpunk-title{font-size:1.2rem}}@media (max-width:480px){.cyberpunk-container{padding:10px}.cyberpunk-featured-image{height:150px}.cyberpunk-title{font-size:1.1rem}}