.hero-gradient { background: radial-gradient(circle at top, #1e1b4b 0%, #020617 100%); }

.btn-category { 
    background: #1e293b; 
    padding: 0.5rem 1.2rem; 
    border-radius: 1rem; 
    font-weight: 600; 
    transition: all 0.3s ease; 
}

.btn-category.active { 
    background: #4f46e5; 
    box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.4); 
}

.app-card { 
    background: rgba(30, 41, 59, 0.3); 
    border: 1px solid rgba(255, 255, 255, 0.05); 
    padding: 1.5rem; 
    border-radius: 2rem; 
    transition: all 0.3s ease; 
    display: flex; 
    flex-direction: column; 
}

.app-card:hover { 
    transform: translateY(-5px); 
    border-color: rgba(99, 102, 241, 0.5); 
    background: rgba(30, 41, 59, 0.5); 
}

.btn-buy { 
    background: #ffffff; 
    color: #020617; 
    padding: 0.5rem 1.5rem; 
    border-radius: 0.75rem; 
    font-weight: 800; 
    transition: all 0.2s; 
}

.btn-buy:hover { background: #6366f1; color: white; }

#paypal-button-container { margin-top: 10px; min-height: 300px; }

.animate-fade-in { animation: fadeIn 0.4s ease-out; }
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.overflow-y-auto::-webkit-scrollbar { width: 6px; }
.overflow-y-auto::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }