/* Bu kodları style.css dosyasına kaydedin */
/* Genel Vücut Arka Planı ve Font */
body {
    background-color: #0a0a0a; 
    color: #f1f1f1; 
    font-family: 'Arial', sans-serif; 
    min-height: 100vh;
}
/* KLAN BAŞLIK STİLİ */
.klan-baslik {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ff3366; 
    text-shadow: 0 0 10px rgba(255, 51, 102, 0.5);
    border-bottom: 3px solid #00ffff; 
    padding-bottom: 5px;
    display: inline-block;
}
/* KART STİLİ */
.klan-kart {
    background-color: #1f1f1f; 
    border: 1px solid rgba(255, 51, 102, 0.4);
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s;
    overflow: hidden;
}
.klan-kart:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 255, 255, 0.2);
}
/* GLITCH SINIR EFEKTİ */
.glitch-border { position: relative; }
.glitch-border::before, .glitch-border::after { content: ''; position: absolute; width: 20px; height: 20px; z-index: 10; opacity: 0.8; }
.glitch-border::before { top: -2px; left: -2px; border-top: 2px solid #ff3366; border-left: 2px solid #ff3366; }
.glitch-border::after { bottom: -2px; right: -2px; border-bottom: 2px solid #00ffff; border-right: 2px solid #00ffff; }
/* CKEditor ve Modal stilleri */
.ck-editor__editable { min-height: 250px; background-color: #0a0a0a !important; color: #f1f1f1 !important; border: 1px solid #ff3366 !important; }
.modal-content { background-color: #1f1f1f !important; border: 1px solid #00ffff !important; }