/* Custom Styling for Portfolio */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #080a10 !important; /* Deep dark background */
}

/* Typography & Colors */
.text-neon {
    color: #3b82f6; /* Bright Blue */
    text-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
}

.bg-darker {
    background-color: #0d111a;
}

.tracking-wide {
    letter-spacing: 0.1em;
}

/* Button Styling */
.btn-neon {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #ffffff;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-neon:hover {
    background-color: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.5);
    transform: translateY(-2px);
}

/* Card Styling */
.project-card, .service-card {
    transition: all 0.3s ease;
}

.project-card:hover, .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border-color: #3b82f6 !important;
}

/* Form Inputs */
.form-control:focus {
    background-color: #1a1f2e;
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.25);
    color: #fff;
}

/* Placeholder Visibility Fix */
.form-control::placeholder {
    color: #bfbfbf; /* Light gray/off-white */
    opacity: 1; /* Ensures full opacity */
}