html, body {
        max-width: 100vw;
        overflow-x: hidden;
        }

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


        
:root {
    --accent-border-color: rgba(34, 211, 238, 0.7);
}
        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            background-color: #0f172a;
            color: #f8fafc;
            overflow-x: hidden;
        }
        
        .profile-img {
            border: 4px solid var(--accent-border-color);
            box-shadow: 0 0 0 6px rgba(56, 189, 248, 0.3),
                        0 0 30px rgba(56, 189, 248, 0.5);
            transition: all 0.3s ease;
        }
        
        
        .section {
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.6s ease;
        }
        
        .section.visible {
            opacity: 1;
            transform: translateX(0);
        }
        
        .tech-icon {
            transition: all 0.3s ease;
        }
        
        .tech-icon:hover {
            transform: translateY(-5px) scale(1.1);
        }
        
        .game-dev-card {
            background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
            border: 1px solid var(--accent-border-color);
            transition: all 0.3s ease;
        }
        
        .game-dev-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
            border-color: var(--accent-border-color);
        }

        .lang-glow:hover,
        button:hover {
            box-shadow: 0 0 10px rgba(34, 211, 238, 0.9), 0 0 18px rgba(34, 211, 238, 0.65);
        }

        .lang-glow:active,
        button:active {
            box-shadow: 0 0 6px rgba(34, 211, 238, 1), 0 0 12px rgba(34, 211, 238, 0.85);
            transform: translateY(1px);
        }

        .border,
        .border-t,
        .border-b,
        .border-l,
        .border-r {
            border-color: var(--accent-border-color) !important;
        }
        
        .name-text {
            background: linear-gradient(45deg, #000000, #2a648a, #01eeff);
            text-shadow: #2affed7e 0 0 0.01px;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        #mobileMenu {
            max-height: 0;
            opacity: 0;
            transform: translateY(-8px);
            overflow: hidden;
            transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
        }

        #mobileMenu.is-open {
            max-height: 70vh;
            opacity: 1;
            transform: translateY(0);
        }