body {
    font-family: 'Poppins', sans-serif;
    background-color: #0d0d1a; /* Dark background for a tech feel */
    color: #e2e8f0;
}
/* Custom animation for hero text */
@keyframes fadeInSlideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.animate-hero {
    animation: fadeInSlideUp 1s ease-out forwards;
}

/* Subtle hover and focus effects for cards and buttons */
.card-hover:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Added for form focus states */
.form-input:focus {
    outline: none;
    border-color: #38bdf8; /* Sky-500 */
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.4);
}

.bg-img{
    background-image: url("../images/background-image.png");
}