/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #070709;
    color: #ffffff;
    overflow-x: hidden;
}

/* FOURI Karakteristik Grid Arka Planı */
.bg-grid {
    background-size: 50px 50px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

/* Modül Kartları ve Neon Efektleri */
.card {
    background: rgba(15, 15, 20, 0.8);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}
.card:hover { transform: translateY(-5px); }

.theme-core { border: 1px solid rgba(0, 255, 136, 0.3); }
.theme-core:hover { border-color: #00ff88; box-shadow: 0 0 20px rgba(0, 255, 136, 0.15); }
.text-core { color: #00ff88; }
.bg-core { background-color: #00ff88; color: #000; }

.theme-gourmet { border: 1px solid rgba(0, 223, 192, 0.3); }
.theme-gourmet:hover { border-color: #00dfc0; box-shadow: 0 0 20px rgba(0, 223, 192, 0.15); }
.text-gourmet { color: #00dfc0; }
.bg-gourmet { background-color: #00dfc0; color: #000; }

.theme-fourix { border: 1px solid rgba(178, 102, 255, 0.3); }
.theme-fourix:hover { border-color: #b266ff; box-shadow: 0 0 20px rgba(178, 102, 255, 0.15); }
.text-fourix { color: #b266ff; }
.bg-fourix { background-color: #b266ff; color: #fff; }

.theme-astral { border: 1px solid rgba(212, 175, 55, 0.3); }
.theme-astral:hover { border-color: #d4af37; box-shadow: 0 0 20px rgba(212, 175, 55, 0.15); }
.text-astral { color: #d4af37; }
.bg-astral { background-color: transparent; border: 1px solid #d4af37; color: #d4af37; }
.bg-astral:hover { background-color: #d4af37; color: #000; }

/* Yakında Teması (Red/Blue Cinematic) */
.theme-upcoming { border: 1px solid rgba(100, 116, 139, 0.3); position: relative; overflow: hidden; }
.theme-upcoming::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, #3b82f6, #ef4444);
}
.theme-upcoming:hover { border-color: rgba(239, 68, 68, 0.5); box-shadow: 0 0 20px rgba(239, 68, 68, 0.1); }
.text-upcoming-blue { color: #3b82f6; }
.text-upcoming-red { color: #ef4444; }

/* SSS Akordeon İkon Gizleme */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }