@theme {
            --font-display: "Inter", sans-serif;
            --color-primary: #8b5cf6;
            --color-primary-hover: #7c3aed;
            --color-dark-bg: #050505;
            --color-card-bg: #0f0f0f;
        }

        body {
            font-family: var(--font-display);
            /* Fallback background if Tailwind script fails to parse theme immediately */
            background-color: #050505;
            color: #ffffff;
        }

        .glass-card {
            @apply bg-white/5 backdrop-blur-lg border border-white/10;
        }

        .project-card {
            @apply group relative bg-[#0F0F0F] border border-white/5 rounded-2xl overflow-hidden hover:border-violet-500/50 transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_10px_40px_-10px_rgba(139, 92, 246, 0.1)];
        }

        .form-input {
            @apply w-full bg-[#1a1a1a] border border-white/20 rounded-xl px-4 py-3 text-white focus:outline-none focus:border-violet-500 focus:ring-1 focus:ring-violet-500 transition-all placeholder-gray-500 hover:border-white/30;
        }

        /* GTranslate Custom Styles - Transparent & Integrated */
        .gtranslate_wrapper {
            display: inline-flex !important;
            vertical-align: middle;
            position: relative !important;
        }

        .gt_float_switcher,
        .gt-selected {
            font-family: var(--font-display) !important;
            box-shadow: none !important;
            background: transparent !important;
            border: none !important;
            font-size: 14px !important;
        }

        .gt-lang-code,
        .gt_float_switcher-arrow {
            color: #ffffff !important;
        }

        /* The selected language box */
        .gt_float_switcher .gt_selected {
            background: transparent !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            /* Subtle border like buttons */
            border-radius: 0.5rem !important;
            color: #ffffff !important;
            padding: 8px 12px !important;
            transition: all 0.3s ease !important;
        }

        .gt_float_switcher .gt_selected:hover {
            background: rgba(255, 255, 255, 0.05) !important;
            border-color: rgba(255, 255, 255, 0.2) !important;
        }

        .gt_float_switcher .gt_selected a {
            color: #ffffff !important;
        }

        .gt_float_switcher .gt_selected .gt_current_lang {
            color: #ffffff !important;
            font-weight: 500 !important;
        }

        .gt_float_switcher .gt_selected .gt_arrow {
            border-color: #ffffff transparent transparent transparent !important;
            transition: transform 0.3s ease;
        }

        .gt_float_switcher.gt_open .gt_selected .gt_arrow {
            transform: rotate(180deg);
        }

        /* The Dropdown options - Absolute positioning to prevent layout shift */
        .gt_float_switcher .gt_options {
            position: absolute !important;
            top: 100% !important;
            /* Open downwards */
            right: 0 !important;
            /* Align to right */
            z-index: 9999 !important;
            background-color: #0F0F0F !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            border-radius: 0.75rem !important;
            /* Match site rounded-xl/2xl approx */
            box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.8) !important;
            padding: 8px !important;
            width: 140px !important;
            /* Fixed width to prevent wobble */
            margin-top: 8px !important;
        }

        .gt_float_switcher .gt_options a {
            color: #ffffff !important;
            /* Pure white text as requested */
            font-weight: 500 !important;
            border-radius: 0.5rem !important;
            padding: 8px 12px !important;
            transition: all 0.2s ease !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px;
            text-decoration: none !important;
        }

        .gt_float_switcher .gt_options a:hover {
            background-color: rgba(139, 92, 246, 0.2) !important;
            /* Stronger violet tint */
            color: #ffffff !important;
        }
.social-link-item:hover {
    background-color: var(--social-hover-color) !important;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px var(--social-hover-color);
}

.social-hero-item:hover {
    border-color: var(--social-hover-color) !important;
    box-shadow: 0 0 20px var(--social-hover-color);
}