body {
    background-color: #050511;
    color: #ffffff;
    overflow-x: hidden;
}

/* Gradient Text Utility */
.text-gradient {
    background: linear-gradient(to right, #6366f1, #a855f7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Gradient Button Utility */
.btn-gradient {
    background: linear-gradient(90deg, #6366f1 0%, #a855f7 100%);
    transition: opacity 0.3s ease, transform 0.2s ease;
}

.btn-gradient:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Hero Background Overlay */
.hero-overlay {
    background: linear-gradient(90deg, #050511 0%, rgba(5, 5, 17, 0.8) 50%, rgba(5, 5, 17, 0.2) 100%);
}

/* Tech Stack Strip Glow */
.tech-strip {
    background: #0f102a;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.1);
}