@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root { --red: #b30000; --dark: #0f0f0f; --card: #1a1a1a; }
body { background: var(--dark); color: white; font-family: 'Raleway', sans-serif; margin: 0; }
.site { max-width: 1200px; margin: 0 auto; padding: 20px; }
header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 2px solid var(--red); }
nav a { color: white; text-decoration: none; margin-left: 20px; font-weight: bold; }
nav a:hover { color: var(--red); }
.news-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; }
.card { background: var(--card); padding: 20px; border-radius: 8px; border-left: 4px solid var(--red); }
.okubtn { background: var(--red); color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; }