body {
    background-color: #0a0c10 !important;
    color: #ffffff !important;
    font-family: 'Poppins', 'Ubuntu', sans-serif;
}
html {
    background-color: #0a0c10 !important;
    color: #ffffff !important;
}
.hero-gradient {
    background: radial-gradient(circle at 50% 20%, rgba(60, 184, 130, 0.25) 0%, rgba(10, 12, 16, 0.95) 70%), linear-gradient(135deg, #0a0c10 0%, #0d1210 100%) !important;
}
.bg-dark {
    background-color: #0a0c10 !important;
}
.bg-card {
    background-color: #141d18 !important;
}
.text-primary {
    color: #3cb882 !important;
}
.text-secondary {
    color: #34d399 !important;
}
.bg-primary {
    background-color: #3cb882 !important;
}
.bg-secondary {
    background-color: #34d399 !important;
}
.custom-glow {
    border-color: #3cb882 !important;
    box-shadow: 0 0 15px rgba(60, 184, 130, 0.5) !important;
}
.custom-glow:hover {
    box-shadow: 0 0 25px rgba(60, 184, 130, 0.8) !important;
}

.collab-gradient-border {
    position: relative;
    background: linear-gradient(135deg, rgba(60, 184, 130, 0.25) 0%, rgba(17, 24, 21, 0.9) 50%, rgba(228, 25, 52, 0.25) 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.collab-glow-dual {
    box-shadow: -5px 0 25px -5px rgba(60, 184, 130, 0.3), 5px 0 25px -5px rgba(228, 25, 52, 0.35);
}

.collab-glow-dual:hover {
    box-shadow: -8px 0 35px -3px rgba(60, 184, 130, 0.5), 8px 0 35px -3px rgba(228, 25, 52, 0.55);
}

@keyframes pulse-subtle {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.04);
    }
}

.animate-pulse-subtle {
    animation: pulse-subtle 2.5s infinite ease-in-out;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.collab-shimmer {
    background: linear-gradient(90deg, rgba(228, 25, 52, 0.15) 0%, rgba(60, 184, 130, 0.25) 50%, rgba(228, 25, 52, 0.15) 100%);
    background-size: 200% 100%;
    animation: shimmer 6s infinite linear;
}