body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #e6f2ff; }
        .container { max-width: 1200px; margin: 0 auto; }
        header { background-color: #007acc; color: #fff; padding: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        .logo a { color: #fff; text-decoration: none; font-size: 1.7em; font-weight: bold; }
        nav { display: flex; flex-wrap: wrap; gap: 10px; }
        nav a { color: #fff; text-decoration: none; font-weight: 500; }

        /* Mobil Menü */
        .menu-toggle { display: none; font-size: 1.5em; color: #fff; background: none; border: none; cursor: pointer; }
        @media (max-width: 768px) {
            nav { display: none; flex-direction: column; width: 100%; margin-top: 10px; }
            nav.active { display: flex; }
            .menu-toggle { display: block; }
        }

        .slider { display: flex; overflow-x: auto; padding: 10px; background: #cce6ff; }
        .slide { min-width: 300px; margin-right: 15px; flex-shrink: 0; background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 10px; }
        .slide img { width: 100%; height: auto; border-radius: 5px; }
        .slide h2 { font-size: 1.1em; margin-top: 10px; }
        .slide h2 a { color: #007acc; text-decoration: none; }

        main { padding: 20px; background: #f4faff; }
        .kategori { margin-bottom: 40px; }
        .kategori h2 { border-bottom: 2px solid #007acc; padding-bottom: 5px; margin-bottom: 15px; color: #007acc; }
        .haberler { display: flex; flex-wrap: wrap; gap: 15px; }
        article { flex: 1 1 calc(25% - 15px); border: 1px solid #ccc; padding: 10px; border-radius: 5px; background: #fff; box-sizing: border-box; }
        article img { width: 100%; height: auto; border-radius: 5px; }
        article h3 { margin: 10px 0; font-size: 1.1em; }
        article h3 a { color: #007acc; text-decoration: none; }
        article p { font-size: 0.9em; color: #333; }

        footer { background: #007acc; color: #fff; text-align: center; padding: 15px 0; margin-top: 40px; }


#bu bir denemedir.
#bu bir denemedir.


#bu bir denemedir.
#bu bir denemedir.

#bu bir denemedir.
#bu bir denemedir.