:root{--bg-color:#080810;--card-bg:#121224;--neon-cyan:#00e5ff;--neon-magenta:#ff0055;--neon-yellow:#ffff00;--text-main:#e0e0f0;--text-muted:#a0a0c0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Roboto,sans-serif;margin:0;padding:10px 18px;display:flex;flex-direction:column;align-items:center}.news-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;width:100%;max-width:1200px}.card{background-color:var(--card-bg);border:1px solid var(--neon-magenta);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 15px rgba(255,0,85,.2);transition:all .3s ease;position:relative}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta))}.card:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(0,229,255,.4);border-color:var(--neon-cyan)}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-title{font-family:Orbitron,sans-serif;font-size:1.2rem;margin:0 0 10px 0;font-weight:700;line-height:1.3}.card-title a{color:var(--text-main);text-decoration:none;transition:color .2s ease}.card-title a:hover{color:var(--neon-cyan)}.card-date{display:block;font-size:.85rem;color:var(--neon-yellow);margin-bottom:15px;text-transform:uppercase}.card-desc{font-size:.95rem;color:var(--text-muted);margin:0 0 20px 0;line-height:1.5;flex-grow:1}.card-btn{align-self:flex-start;padding:10px 20px;background-color:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:4px;font-family:Orbitron,sans-serif;font-size:.8rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease;box-shadow:0 0 5px rgba(0,229,255,.2)}.card-btn:hover{background-color:var(--neon-cyan);color:var(--bg-color);box-shadow:0 0 15px var(--neon-cyan);cursor:pointer}.card-img-wrapper{position:relative;width:100%;height:180px;overflow:hidden;border-bottom:2px solid var(--neon-magenta);display:flex;align-items:center;justify-content:center;background:#000}.blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(12px) brightness(.5);transform:scale(1.2)}.card-img-sharp{position:relative;max-width:100%;max-height:100%;object-fit:contain;z-index:1}.loading{grid-column:1/-1;text-align:center;font-family:Orbitron,sans-serif;color:var(--neon-cyan);font-size:1.5rem}@media (max-width:768px){.news-container{grid-template-columns:1fr}}