/* AFKAYDER Mor & Beyaz Kurumsal Teması */
:root {
    --color-primary: #5B21B6;
    --color-primary-dark: #3B0764;
    --color-primary-light: #7C3AED;
    --color-primary-soft: #F3E8FF;
    --color-accent-gold: #F59E0B;
    --color-accent-silver: #94A3B8;
    --color-accent-bronze: #B45309;
    --color-bg: #F8FAFC;
}

body {
    background-color: var(--color-bg);
    color: #1E293B;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #F1F5F9;
}
::-webkit-scrollbar-thumb {
    background: #C084FC;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7E22CE;
}

/* Ticker Animation */
.ticker-wrap {
    overflow: hidden;
    white-space: nowrap;
}
.ticker {
    display: inline-block;
    animation: marquee 30s linear infinite;
}
.ticker:hover {
    animation-play-state: paused;
}
@keyframes marquee {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

/* Top Donor Badges */
.rank-1-badge {
    background: linear-gradient(135deg, #FDE047, #CA8A04);
    box-shadow: 0 4px 15px rgba(202, 138, 4, 0.35);
}
.rank-2-badge {
    background: linear-gradient(135deg, #E2E8F0, #64748B);
    box-shadow: 0 4px 15px rgba(100, 116, 139, 0.3);
}
.rank-3-badge {
    background: linear-gradient(135deg, #FDBA74, #C2410C);
    box-shadow: 0 4px 15px rgba(194, 65, 12, 0.3);
}

/* Music Visualizer Animation */
.bar {
    width: 4px;
    height: 16px;
    background-color: #A855F7;
    margin: 0 1px;
    border-radius: 2px;
    animation: soundWave 1.2s infinite ease-in-out alternate;
}
.bar:nth-child(1) { animation-delay: 0.1s; }
.bar:nth-child(2) { animation-delay: 0.3s; }
.bar:nth-child(3) { animation-delay: 0.5s; }
.bar:nth-child(4) { animation-delay: 0.2s; }
.bar:nth-child(5) { animation-delay: 0.4s; }

@keyframes soundWave {
    0% { height: 4px; }
    100% { height: 22px; }
}

/* Subtle Card Hover */
.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(91, 33, 182, 0.15);
}