:root{--blood-red:#8b0000;--dark-bg:#0a0a0a;--darker-bg:#050505;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--accent:#3a86ff}
body{font-family:'Montserrat',sans-serif;background-color:var(--dark-bg);color:var(--text-primary);margin:0;padding:0;line-height:1.6}.container{display:grid;grid-template-columns:1fr 300px;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}
header{background-color:var(--darker-bg);padding:20px 0;border-bottom:1px solid rgba(139,0,0,0.3);position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-family:'Creepster',cursive;font-size:2.5rem;color:var(--blood-red);text-decoration:none;letter-spacing:2px;transition:all 0.3s ease;display:flex;align-items:center;gap:15px}.logo:hover{text-shadow:0 0 10px rgba(139,0,0,0.7)}.logo img{height:50px}
nav ul{display:flex;list-style:none;gap:30px}
nav a{color:var(--text-primary);text-decoration:none;font-weight:600;letter-spacing:1px;transition:all 0.3s ease;position:relative}
nav a:hover{color:var(--blood-red)}
nav a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--blood-red);transition:width 0.3s ease}
nav a:hover::after{width:100%}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:40px}.article-card{background-color:var(--darker-bg);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.5);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(139,0,0,0.3)}.article-thumbnail{position:relative;height:200px;overflow:hidden}.article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.article-card:hover.article-thumbnail img{transform:scale(1.05)}.article-content{padding:20px}.article-title{font-size:1.3rem;margin:0 0 10px 0;color:white}.article-chapo{color:var(--text-secondary);margin-bottom:15px}.read-more{display:inline-block;background-color:var(--blood-red);color:white;padding:8px 15px;border-radius:4px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.read-more:hover{background-color:#6b0000;box-shadow:0 0 10px rgba(139,0,0,0.5)}.sidebar{margin-top:40px;order:2}.sidebar-section{background-color:var(--darker-bg);border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.sidebar-title{font-size:1.2rem;margin-top:0;color:var(--blood-red);border-bottom:1px solid rgba(139,0,0,0.3);padding-bottom:10px}.about-text{color:var(--text-secondary)}.partners-list{list-style:none;padding:0}.partners-list li{margin-bottom:10px}.partners-list a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease}.partners-list a:hover{color:var(--blood-red)}
footer{background-color:var(--darker-bg);padding:30px 0;margin-top:50px;border-top:1px solid rgba(139,0,0,0.3);text-align:center}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.social-links a{color:var(--text-secondary);font-size:1.5rem;transition:color 0.3s ease}.social-links a:hover{color:var(--blood-red)}.copyright{color:var(--text-secondary);font-size:0.9rem}
@media(max-width:768px){.container{grid-template-columns:1fr;grid-template-areas:"sidebar"
"main-content"}.sidebar{grid-area:sidebar;order:1;margin-top:20px}.main-content{grid-area:main-content;order:2}.nav-container{flex-direction:column;gap:20px}
nav ul{gap:15px;padding:0}.articles-grid{grid-template-columns:1fr}}