/* Custom CSS for animations and effects - PITCH BLACK THEME */
.profile-img {
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 1);
    transition: all 0.3s ease;
}
.profile-img:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 1);
}
.tab-button {
    transition: all 0.3s ease;
    color: #22c55e;
    background: #000;
}
.tab-button.active {
    transform: translateY(-2px);
    background: #111;
    color: #22c55e;
}
.project-card {
    transition: all 0.3s ease;
    transform-style: preserve-3d;
    background: #000;
    color: #22c55e;
    border: 1px solid #222;
}
.project-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 25px -5px rgba(0,0,0,1), 0 10px 10px -5px rgba(0,0,0,1);
}
.social-icon {
    transition: all 0.3s ease;
    color: #22c55e;
}
.social-icon:hover {
    transform: scale(1.2) translateY(-5px);
    color: #22c55e;
}
/* Custom scrollbar - pitch black */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #000;
}
::-webkit-scrollbar-thumb {
    background: #222;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #333;
}
/* Smooth scrolling */
html {
    scroll-behavior: smooth;
    background: #000;
}
body {
    background: #000;
    color: #22c55e;
}
.tab-button, .tab-button.active, .project-card, .social-icon, .project-card:hover, .social-icon:hover, p, h1, h2, h3, h4, h5, h6, a, span, div, li, label, input, textarea {
    color: #22c55e !important;
}
.tab-button, .tab-button.active {
    background: #000 !important;
    color: #22c55e !important;
    border: 2px solid #22c55e;
}
.tab-button:active, .tab-button.active {
    background: #22c55e !important;
    color: #000 !important;
}

/* Anchor button invert on click */
a.px-6.py-3, a.tab-button {
    background: #000 !important;
    color: #22c55e !important;
    border: 2px solid #22c55e;
    transition: all 0.3s;
}
a.px-6.py-3:active, a.tab-button:active {
    background: #22c55e !important;
    color: #000 !important;
}
