@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #0f0f0f;
            color: #e2e8f0;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #6b21a8 0%, #7e22ce 50%, #9333ea 100%);
        }
        
        .skill-card {
            background-color: #1e1e1e;
            border: 1px solid #3b0764;
        }
        
        .skill-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(147, 51, 234, 0.3), 0 4px 6px -4px rgba(147, 51, 234, 0.3);
            border-color: #9333ea;
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #9333ea;
            transition: width 0.3s ease;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        .typewriter {
            border-right: 3px solid;
            white-space: nowrap;
            overflow: hidden;
            animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
        }
        
        @keyframes typing {
            from { width: 0 }
            to { width: 100% }
        }
        
        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #e2e8f0 }
        }

        .discord-bg {
            background-color: #5865F2;
        }

        .tiktok-bg {
            background-color: #000000;
        }

        .lua-bg {
            background-color: #000080;
        }

        input, textarea {
            background-color: #1e1e1e !important;
            border-color: #3b0764 !important;
            color: #e2e8f0 !important;
        }

        input:focus, textarea:focus {
            border-color: #9333ea !important;
            ring-color: #9333ea !important;
        }

        .progress-bg {
            background-color: #3b0764;
        }