body {
    font-family: 'Poppins', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.custom-shadow {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
}
.dark .custom-shadow {
    box-shadow: 0 10px 30px -5px rgba(0, 240, 255, 0.05);
}
.neon-glow {
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3);
}
.neon-border-glow {
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
}
.game-card-active {
    border-color: #00f0ff !important;
    background-color: rgba(0, 240, 255, 0.08) !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
}
.package-card-active {
    border-color: #00f0ff !important;
    transform: translateY(-2px);
    background-color: rgba(0, 240, 255, 0.08) !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.3) !important;
}
.tab-btn-active {
    background-color: #00f0ff !important;
    color: #030712 !important;
    font-weight: 700 !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}
.main-nav-active {
    border-bottom: 2px solid #00f0ff;
    color: #00f0ff !important;
}
.step-circle-active {
    background-color: #00f0ff !important;
    color: #030712 !important;
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}
.step-circle-completed {
    background-color: #10b981 !important;
    color: #ffffff !important;
}