@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');

/* Genel Gövde Ayarları */
body { 
    background: #05070a; 
    color: #e2e8f0; 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    height: 100dvh; 
    overflow: hidden; 
    margin: 0; 
}

/* Ana İçerik Kaydırma Alanı */
#main-content { 
    height: 100%; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
}

#main-content::-webkit-scrollbar { 
    display: none; 
}

/* Kart Tasarımları (Glassmorphism) */
.glass-card { 
    background: rgba(15, 23, 42, .6); 
    border: 1px solid rgba(255, 255, 255, .05); 
    backdrop-filter: blur(12px); 
}

/* Bottom Sheet (Aşağıdan Açılan Menü) */
.bottom-sheet {
    position: fixed; 
    bottom: 0; 
    left: 0; 
    right: 0;
    max-height: 85vh; 
    background: #0a0f18;
    border-top: 1px solid #1e293b;
    transform: translateY(100%);
    transition: .4s cubic-bezier(.33, 1, .68, 1);
    border-radius: 2rem 2rem 0 0;
    z-index: 2000;
}

.bottom-sheet.active { 
    transform: translateY(0); 
}

/* Mobilde dokunmatik alanları iyileştirmek için küçük dokunuşlar */
button, .cursor-pointer {
    touch-action: manipulation;
}