@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        .dark .glass-nav {
            background: rgba(15, 23, 42, 0.85);
            border-color: rgba(51, 65, 85, 0.5);
        }

        .gradient-text {
            background: linear-gradient(90deg, #4f46e5, #9333ea);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .project-card:hover, .skill-card:hover {
            transform: translateY(-8px);
        }

        .profile-image-ring {
            position: relative;
        }

        .profile-image-ring::after {
            content: '';
            position: absolute;
            inset: -8px; 
            border: 2px dashed #6366f1;
            border-radius: 50%;
            animation: spin-slow 25s linear infinite;
            opacity: 0.3;
        }

        @keyframes spin-slow {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .lang-btn.active {
            background-color: #4f46e5;
            color: white;
            border-color: #4f46e5;
        }