@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

body {
    background-color: #2d3436;
    color: #dfe6e9;
    font-family: 'Poppins', sans-serif;
    margin: 0; padding: 20px;
}

.container { max-width: 1000px; margin: auto; }

/* Bento Grid Düzeni */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.card {
    background: #34495e;
    border-radius: 20px;
    padding: 20px;
    transition: 0.3s;
    border: 1px solid #636e72;
}

.card:hover { transform: scale(1.02); background: #3d566e; }

.card img { width: 100%; border-radius: 12px; height: 180px; object-fit: cover; }

.btn {
    display: inline-block;
    background: #00cec9;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 15px;
    font-weight: 600;
}

.counter { float: right; font-size: 0.8rem; color: #b2bec3; margin-top: 20px; }

/* Admin Formları */
input, textarea {
    width: 100%; padding: 12px; margin: 10px 0;
    background: #2d3436; border: 1px solid #636e72;
    color: white; border-radius: 8px;
}