body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; }
        .hero-section { background: linear-gradient(135deg, #212529 0%, #0d6efd 100%); color: white; padding: 100px 0; }
        .project-card { border: none; transition: transform 0.3s; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .project-card:hover { transform: translateY(-10px); }
        .badge-tech { background-color: #e9ecef; color: #0d6efd; font-weight: 600; margin-right: 5px; }
        .footer { background-color: #212529; color: #adb5bd; padding: 60px 0; }
        .section-padding { padding: 80px 0; }
        .navbar-brand { font-weight: 700; letter-spacing: 1px; 
}


