/* Rithvika VIP Hub - Luxury Dark VIP Styles */
:root {
    --bg-primary: #09090b;
    --bg-card: #18181b;
    --accent-pink: #ec4899;
    --accent-violet: #8b5cf6;
}

body {
    background-color: var(--bg-primary);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 22px rgba(236, 72, 153, 0.45), 0 0 40px rgba(139, 92, 246, 0.2);
    }
    50% {
        box-shadow: 0 0 34px rgba(236, 72, 153, 0.8), 0 0 58px rgba(139, 92, 246, 0.45);
    }
}

.glow-btn {
    animation: pulse-glow 2.4s ease-in-out infinite;
}

.vip-card {
    background: linear-gradient(180deg, rgba(24, 24, 27, 0.92) 0%, rgba(9, 9, 11, 0.96) 100%);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.vip-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 42px -16px rgba(236, 72, 153, 0.35);
}

.vip-card-featured {
    background: linear-gradient(160deg, rgba(236, 72, 153, 0.14) 0%, rgba(24, 24, 27, 0.95) 45%, rgba(139, 92, 246, 0.14) 100%);
    box-shadow: 0 0 35px -10px rgba(236, 72, 153, 0.35);
}

/* Custom sleek dark scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #09090b;
}
::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ec4899;
}