@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

        body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
            background-color: #f8fafc;
        }

        .section {
            min-height: 100vh;
            padding: 80px 0;
            position: relative;
        }

        .tech-badge {
            transition: all 0.3s ease;
        }

        .tech-badge:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .project-card:hover .project-image {
            transform: scale(1.03);
        }

        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .database-icon {
            color: #3b82f6;
            filter: drop-shadow(0 4px 6px rgba(59, 130, 246, 0.2));
        }