@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

:root {
    --color-brand: #00ff9d;
    --color-dark: #050505;
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-bg: rgba(20, 20, 20, 0.6);
}

body {
    background-color: var(--color-dark);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Plus Jakarta Sans', sans-serif; }

.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.glass-panel:hover {
    border-color: rgba(0, 255, 157, 0.3);
    box-shadow: 0 0 20px rgba(0, 255, 157, 0.1);
}

.blob {
    position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.4; z-index: -1;
    animation: floatBlob 20s infinite ease-in-out alternate;
}
.blob-1 { top: -10%; left: -10%; width: 50vw; height: 50vw; background: radial-gradient(circle, #00ff9d 0%, transparent 70%); }
.blob-2 { bottom: 0%; right: -5%; width: 60vw; height: 60vw; background: radial-gradient(circle, #7c3aed 0%, transparent 70%); animation-delay: -5s; }
.blob-3 { top: 40%; left: 30%; width: 40vw; height: 40vw; background: radial-gradient(circle, #00d4ff 0%, transparent 70%); animation-delay: -10s; }

@keyframes floatBlob {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(30px, -20px) scale(1.05); }
}

.typewriter-cursor {
    display: inline-block; width: 3px; height: 1em; background-color: var(--color-brand);
    margin-left: 5px; animation: blink 1s step-end infinite; vertical-align: middle;
}
@keyframes blink { 50% { opacity: 0; } }

.no-filter { filter: none !important; opacity: 1 !important; grayscale: 0 !important; }

/* İmzayı bembeyaz yap */
.signature-white {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #000; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-brand); }

/* --- PAYTR İYİLEŞTİRİLMİŞ TASARIM --- */
#paytr_taksit_tablosu {
    width: 100% !important;
    font-family: 'Inter', sans-serif !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 24px !important;
}

/* Kart Yapısı */
#paytr_taksit_tablosu > div {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

#paytr_taksit_tablosu > div:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 255, 157, 0.3) !important;
}

/* Başlık (Banka Adı ve Logo) */
#paytr_taksit_tablosu h3, 
.taksit-tablosu-wrapper h3 {
    background: rgba(0,0,0,0.4) !important;
    color: white !important;
    font-size: 15px !important;
    padding: 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logolar */
#paytr_taksit_tablosu img {
    height: 28px !important;
    width: auto !important;
    background: white !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    display: block !important;
}

/* Tablo Satırları */
#paytr_taksit_tablosu table {
    width: 100% !important;
    border-collapse: collapse !important;
}

#paytr_taksit_tablosu table tr {
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}

#paytr_taksit_tablosu table tr:last-child {
    border-bottom: none !important;
}

#paytr_taksit_tablosu table td {
    color: #a0a0a0 !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: right !important;
}

/* Taksit Sayısı (Sol Taraf) */
#paytr_taksit_tablosu table td:first-child {
    text-align: left !important;
    color: white !important;
    font-weight: 700 !important;
}

/* Hover Efekti */
#paytr_taksit_tablosu table tr:hover {
    background: rgba(0, 255, 157, 0.05) !important;
}