nav {
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }
        
        nav.scrolled {
            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        
        #home {
            background: linear-gradient(45deg, #0f172a, #1e293b, #334155, #475569);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
        }
        
        @keyframes gradientShift {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(50px);
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: none;
            transition: all 0.6s ease-out;
        }
        
        .skill-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        .project-card {
            transition: all 0.3s ease;
        }
        
        .project-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        #footer a {
            transition: transform 0.3s, color 0.3s;
        }
        
        #footer a:hover {
            transform: scale(1.2);
            color: #94a3b8;
        }
        
        .progress-bar {
            position: fixed;
            top: 0;
            left: 0;
            height: 3px;
            background: #2563eb;
            z-index: 100;
            width: 0%;
            transition: width 0.2s ease;
        }
        
        /* Certificate Card Enhancements */
        .certificate-card {
            background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }
        
        .certificate-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, #2563eb, #1d4ed8, #6366f1);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .certificate-card:hover::before {
            opacity: 1;
        }
        
        .certificate-badge {
            background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
            border: 1px solid #60a5fa;
        }

        /* Mobile Optimizations */
        @media (max-width: 768px) {
            
            /* DRASTICO: Nascondi completamente le icone grandi sui progetti mobile */
            .project-card .h-48 {
                display: none !important;
            }
            
            /* Skill cards: layout minimalista senza icone circolari */
            .skill-card .w-16.h-16 {
                display: none !important;
            }
            
            /* Contact icons: versione molto più piccola */
            .w-16.h-16.bg-blue-100 {
                width: 2rem !important;
                height: 2rem !important;
                margin-bottom: 0.5rem !important;
            }
            
            .w-16.h-16.bg-blue-100 i {
                font-size: 0.875rem !important;
            }
            
            /* Tutte le icone text-5xl, text-4xl, text-3xl, text-2xl diventano piccole */
            .text-5xl, .text-4xl, .text-3xl {
                font-size: 1rem !important;
            }
            
            .text-2xl {
                font-size: 0.875rem !important;
            }
            
            /* Controllo globale per tutte le icone FontAwesome */
            i.fas, i.fab, i.far, i.fal {
                max-width: 2rem !important;
                max-height: 2rem !important;
                font-size: 1rem !important;
                overflow: hidden !important;
            }
            
            /* SUPER DRASTICO: Qualsiasi elemento con rounded-full su mobile ECCETTO foto profilo */
            .rounded-full:not(#home img):not(#home .rounded-full img) {
                border-radius: 0.25rem !important;
                max-width: fit-content !important;
                max-height: 2rem !important;
                width: auto !important;
                height: auto !important;
            }
            
            /* Fix specifico per tutti gli span */
            span {
                max-width: 100% !important;
                max-height: 2rem !important;
                overflow: hidden !important;
            }
            h1 {
                font-size: 2.5rem !important;
                line-height: 1.2;
            }
            
            h2 {
                font-size: 1.875rem !important;
                margin-bottom: 2rem;
            }
            
            .skill-card, .project-card, .certificate-card {
                margin-bottom: 1.5rem;
            }
            
            /* Touch-friendly buttons */
            .mobile-menu a,
            .bg-white.text-blue-600,
            .border-2.border-white {
                min-height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0.75rem 1.5rem;
            }
            
            /* Better spacing for mobile */
            .container {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            /* Profile image optimization - SPECIFICO per foto profilo */
            #home .rounded-full img,
            #home img.rounded-full {
                width: 220px !important;
                height: 220px !important;
                min-width: 220px !important;
                min-height: 220px !important;
                max-width: 220px !important;
                max-height: 220px !important;
                object-fit: cover !important;
                border: 3px solid rgba(255, 255, 255, 0.8) !important;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
                margin: 1.5rem auto !important;
                display: block !important;
            }
            
            /* Migliore centratura della sezione home su mobile */
            #home .md\\:w-1\\/2 {
                text-align: center !important;
                margin-bottom: 1.5rem !important;
            }
            
            #home .flex-col.md\\:flex-row {
                align-items: center !important;
                justify-content: center !important;
            }
            
            /* Technology tags wrap better */
            .flex.flex-wrap.gap-2 {
                gap: 0.3rem !important;
                justify-content: flex-start !important;
                align-items: flex-start !important;
                flex-wrap: wrap !important;
                display: flex !important;
            }
            
            /* Container dei badge: forza il layout corretto */
            .flex.flex-wrap.gap-2 span,
            div.flex.flex-wrap.gap-2 span {
                display: inline-block !important;
                flex: none !important;
                max-width: fit-content !important;
                max-height: 1.5rem !important;
            }
            
            /* DRASTICO: Badge tecnologici rettangolari e piccoli su mobile */
            .px-3.py-1.bg-blue-100.text-blue-600.rounded-full.text-sm,
            .px-3.py-1.bg-blue-100.text-blue-600.rounded-full.text-xs,
            span.px-3.py-1.bg-blue-100.text-blue-600.rounded-full,
            .rounded-full.text-sm,
            .rounded-full.text-xs {
                font-size: 0.7rem !important;
                padding: 0.2rem 0.4rem !important;
                white-space: nowrap !important;
                display: inline-block !important;
                flex-shrink: 0 !important;
                margin: 0.1rem !important;
                min-width: fit-content !important;
                max-width: fit-content !important;
                line-height: 1.2 !important;
                background-color: rgb(219, 234, 254) !important;
                color: rgb(37, 99, 235) !important;
                border-radius: 0.25rem !important; /* RETTANGOLARE INVECE CHE CIRCOLARE */
                height: auto !important;
                width: auto !important;
                border: 1px solid rgb(147, 197, 253) !important;
            }
            
            /* Skill card icons mobile optimization */
            .skill-card .w-16.h-16,
            .w-16.h-16 {
                width: 2.5rem !important;
                height: 2.5rem !important;
                margin: 0 auto 0.75rem auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background-color: rgb(219, 234, 254) !important;
                border-radius: 50% !important;
                flex-shrink: 0 !important;
            }
            
            .skill-card .w-16.h-16 i,
            .w-16.h-16 i {
                font-size: 1rem !important;
                color: rgb(37, 99, 235) !important;
                display: block !important;
                width: auto !important;
                height: auto !important;
            }
            
            /* Skills section grid mobile layout */
            .grid.grid-cols-1.md\\:grid-cols-2.lg\\:grid-cols-3 {
                grid-template-columns: 1fr !important;
                gap: 1rem !important;
            }
            
            /* Skill cards minimal mobile layout (no icons) */
            .skill-card {
                background-color: white !important;
                border-radius: 0.5rem !important;
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
                padding: 1rem !important;
                margin-bottom: 1rem !important;
                position: relative !important;
                z-index: 1 !important;
                border-left: 4px solid #2563eb !important;
            }
            
            .skill-card h3 {
                font-size: 1.1rem !important;
                font-weight: 700 !important;
                text-align: left !important;
                margin-bottom: 0.5rem !important;
                color: #1e40af !important;
            }
            
            .skill-card p {
                font-size: 0.85rem !important;
                color: rgb(75, 85, 99) !important;
                margin-bottom: 0.75rem !important;
                line-height: 1.4 !important;
                text-align: left !important;
            }
            
            .skill-card .text-sm {
                font-size: 0.75rem !important;
                margin-top: 0.5rem !important;
                color: #6b7280 !important;
                font-style: italic !important;
            }
            
            /* Timeline mobile fixes */
            .relative.pl-8 {
                padding-left: 1.5rem !important;
                margin-bottom: 2rem !important;
            }
            
            .absolute.w-4.h-4 {
                left: -0.375rem !important;
                width: 0.75rem !important;
                height: 0.75rem !important;
                top: 0.25rem !important;
            }
            
            .border-l-2 {
                border-left-width: 1px !important;
                margin-left: 0.375rem !important;
            }
            
            /* Education section mobile layout */
            #education .flex.items-center.justify-between {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 0.5rem !important;
            }
            
            #education .text-right {
                text-align: left !important;
                width: 100% !important;
            }
            
            /* Experience section mobile layout */
            #experience .relative.pl-8 {
                padding-left: 1.5rem !important;
                margin-bottom: 2rem !important;
            }
            
            /* Grid improvements for mobile */
            .grid.grid-cols-1.md\\:grid-cols-2 {
                grid-template-columns: 1fr !important;
                gap: 1rem !important;
            }
            
            /* Global icon fixes for mobile */
            i.fas, i.fab, i.far {
                max-width: 100% !important;
                max-height: 100% !important;
                overflow: hidden !important;
                display: inline-block !important;
            }
            
            /* Contact section icons */
            .w-16.h-16.bg-blue-100 {
                width: 4rem !important;
                height: 4rem !important;
                max-width: 4rem !important;
                max-height: 4rem !important;
            }
            
            .w-16.h-16.bg-blue-100 i {
                font-size: 1.5rem !important;
                max-width: 1.5rem !important;
                max-height: 1.5rem !important;
            }
            
            /* Prevent horizontal overflow */
            .container {
                overflow-x: hidden !important;
            }
            
            body {
                overflow-x: hidden !important;
            }
            
            .px-3.py-1 {
                font-size: 0.75rem;
                padding: 0.375rem 0.75rem;
            }
            
            /* Project cards minimal mobile layout (no header images) */
            .project-card {
                border-left: 4px solid #10b981 !important;
                margin-bottom: 1.5rem !important;
            }
            
            .project-card .p-6 {
                padding: 1.25rem !important;
                padding-top: 1.25rem !important;
            }
            
            .project-card h3 {
                font-size: 1.1rem !important;
                margin-bottom: 0.75rem !important;
                color: #065f46 !important;
                font-weight: 700 !important;
            }
            
            .project-card p {
                font-size: 0.85rem !important;
                line-height: 1.4 !important;
                margin-bottom: 1rem !important;
                color: rgb(75, 85, 99) !important;
            }
            
            /* Project card technology tags */
            .project-card .flex.flex-wrap.gap-2 {
                gap: 0.25rem !important;
                margin-top: 0.5rem !important;
            }
            
            .project-card span {
                font-size: 0.6rem !important;
                padding: 0.2rem 0.4rem !important;
                margin: 0.1rem !important;
            }
        }
        
        @media (max-width: 480px) {
            h1 {
                font-size: 2rem !important;
            }
            
            .text-xl.md\\:text-2xl {
                font-size: 1.125rem !important;
            }
            
            /* Foto profilo rimane grande anche su schermi extra piccoli */
            #home .rounded-full img,
            #home img.rounded-full {
                width: 200px !important;
                height: 200px !important;
                min-width: 200px !important;
                min-height: 200px !important;
            }
            
            /* Extra small screen technology badges */
            .px-3.py-1.bg-blue-100.text-blue-600.rounded-full {
                font-size: 0.65rem !important;
                padding: 0.3rem 0.6rem !important;
                margin: 0.1rem !important;
            }
            
            /* Tighter project card layout */
            .project-card .p-6 {
                padding: 0.75rem !important;
            }
            
            .project-card h3 {
                font-size: 1rem !important;
            }
            
            .project-card p {
                font-size: 0.8rem !important;
            }
            
            /* Better flex wrap for very small screens */
            .flex.flex-wrap.gap-2 {
                gap: 0.25rem;
                line-height: 1.1;
            }
        }

        /* Signature Phrase Styling */
        .signature-phrase {
            font-style: italic;
            color: #e2e8f0;
            font-weight: 500;
            border-left: 3px solid #2563eb;
            padding-left: 1rem;
            margin: 1.5rem 0;
            background: rgba(255, 255, 255, 0.05);
            padding: 1rem;
            border-radius: 0.5rem;
            backdrop-filter: blur(10px);
        }

        /* Rotating text animation */
        .rotating-text {
            display: inline-block;
            opacity: 1;
            transform: translateY(0);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
            color: #60a5fa;
            font-weight: 600;
        }

        .rotating-text.fade-out {
            opacity: 0;
            transform: translateY(-10px);
        }

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

        /* Accessibility Improvements */
        *:focus {
            outline: 2px solid #2563eb;
            outline-offset: 2px;
        }

        /* High contrast mode support */
        @media (prefers-contrast: high) {
            .text-gray-600 {
                color: #374151 !important;
            }
            .text-gray-700 {
                color: #1f2937 !important;
            }
            .bg-gray-50 {
                background-color: #f9fafb !important;
            }
        }

        /* Reduced motion support */
        @media (prefers-reduced-motion: reduce) {
            .fade-in,
            .skill-card,
            .project-card,
            .certificate-card {
                animation: none !important;
                transition: none !important;
                transform: none !important;
            }

            #home {
                animation: none !important;
            }

            .rotating-text {
                transition: none !important;
            }
        }

        /* Performance optimizations for images handled in HTML */
        
        /* Technology badge improvements for all screen sizes */
        .technology-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 1rem;
        }
        
        .tech-badge {
            background-color: rgb(219, 234, 254);
            color: rgb(37, 99, 235);
            padding: 0.375rem 0.75rem;
            border-radius: 9999px;
            font-size: 0.875rem;
            font-weight: 500;
            white-space: nowrap;
            flex-shrink: 0;
            display: inline-block;
            line-height: 1.25;
        }

        /* Critical CSS inlining optimization */
        .above-fold {
            contain: layout style paint;
        }

        /* Improved link states for accessibility */
        a:focus-visible {
            outline: 2px solid #2563eb;
            outline-offset: 2px;
            border-radius: 2px;
        }

        /* Skip navigation link for screen readers */
        .skip-nav {
            position: absolute;
            top: -40px;
            left: 6px;
            background: #2563eb;
            color: white;
            padding: 8px;
            text-decoration: none;
            border-radius: 4px;
            z-index: 1000;
        }

        .skip-nav:focus {
            top: 6px;
        }

        /* Enhanced Professional Animations */
        
        /* Subtle typing effect for signature phrase */
        .signature-phrase {
            overflow: hidden;
            border-right: 2px solid #2563eb;
            white-space: nowrap;
            animation: typing 3s steps(60, end) 1s 1 normal both,
                       blink-caret 1s step-end infinite 4s;
        }
        
        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }
        
        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #2563eb; }
        }
        
        /* Smooth counter animation for stats */
        .stat-number {
            animation: countUp 2s ease-out forwards;
        }
        
        @keyframes countUp {
            from { transform: scale(0.8); opacity: 0; }
            to { transform: scale(1); opacity: 1; }
        }
        
        /* Enhanced button interactions */
        .btn-primary {
            position: relative;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
            transition: left 0.5s;
        }
        
        .btn-primary:hover::before {
            left: 100%;
        }
        
        /* Skill icons subtle animation */
        .skill-icon {
            transition: all 0.3s ease;
        }
        
        .skill-icon:hover {
            transform: rotate(5deg) scale(1.1);
            filter: brightness(1.2);
        }
        
        /* Testimonial cards enhanced */
        .testimonial-card {
            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px) rotate(0.5deg);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        /* Navbar link active state */
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            width: 0;
            height: 2px;
            background: #2563eb;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        
        .nav-link:hover::after {
            width: 100%;
        }
        
        /* Professional Background Patterns and Animations */
        
        /* Subtle animated geometric background */
        .bg-pattern {
            position: relative;
            overflow: hidden;
        }
        
        .bg-pattern::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.03;
            background-image: 
                radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(16, 185, 129, 0.15) 0%, transparent 50%),
                linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
            animation: subtleFloat 20s ease-in-out infinite;
            z-index: 1;
        }
        
        .bg-pattern > * {
            position: relative;
            z-index: 2;
        }
        
        @keyframes subtleFloat {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            33% { transform: translateY(-10px) rotate(0.5deg); }
            66% { transform: translateY(5px) rotate(-0.3deg); }
        }
        
        /* Dotted pattern background for white sections */
        .bg-dots {
            background-image: radial-gradient(circle, rgba(59, 130, 246, 0.1) 1px, transparent 1px);
            background-size: 20px 20px;
            position: relative;
        }
        
        .bg-dots::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(255, 255, 255, 0.9) 0%, rgba(249, 250, 251, 0.95) 100%);
            z-index: 1;
        }
        
        .bg-dots > * {
            position: relative;
            z-index: 2;
        }
        
        /* Animated gradient background for gray sections */
        .bg-animated-gradient {
            background: linear-gradient(-45deg, #f8fafc, #f1f5f9, #e2e8f0, #f8fafc);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
            position: relative;
        }
        
        .bg-animated-gradient::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(circle at 25% 25%, rgba(59, 130, 246, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 75% 75%, rgba(16, 185, 129, 0.08) 0%, transparent 50%);
            animation: floatingOrbs 25s ease-in-out infinite;
            z-index: 1;
        }
        
        .bg-animated-gradient > * {
            position: relative;
            z-index: 2;
        }
        
        @keyframes floatingOrbs {
            0%, 100% { 
                background-position: 25% 25%, 75% 75%; 
                transform: rotate(0deg);
            }
            50% { 
                background-position: 75% 25%, 25% 75%; 
                transform: rotate(180deg);
            }
        }
        
        /* Mesh gradient background for testimonials */
        .bg-mesh {
            background: 
                radial-gradient(at 40% 20%, hsla(228, 100%, 74%, 0.05) 0px, transparent 50%),
                radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 0.05) 0px, transparent 50%),
                radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 0.05) 0px, transparent 50%),
                radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 0.05) 0px, transparent 50%),
                radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 0.05) 0px, transparent 50%),
                radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 0.05) 0px, transparent 50%),
                radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 0.05) 0px, transparent 50%);
            background-color: #f0f9ff;
            animation: meshMove 30s ease infinite;
        }
        
        @keyframes meshMove {
            0%, 100% { background-position: 40% 20%, 80% 0%, 0% 50%, 80% 50%, 0% 100%, 80% 100%, 0% 0%; }
            50% { background-position: 60% 80%, 20% 100%, 100% 50%, 20% 50%, 100% 0%, 20% 0%, 100% 100%; }
        }
        
        /* Floating particles animation */
        .floating-particles {
            position: relative;
            overflow: hidden;
        }
        
        .floating-particles::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(2px 2px at 20px 30px, rgba(59, 130, 246, 0.3), transparent),
                radial-gradient(2px 2px at 40px 70px, rgba(16, 185, 129, 0.3), transparent),
                radial-gradient(1px 1px at 90px 40px, rgba(99, 102, 241, 0.3), transparent),
                radial-gradient(1px 1px at 130px 80px, rgba(244, 63, 94, 0.3), transparent),
                radial-gradient(2px 2px at 160px 30px, rgba(245, 158, 11, 0.3), transparent);
            background-repeat: repeat;
            background-size: 200px 100px;
            animation: particleFloat 20s linear infinite;
            opacity: 0.6;
            z-index: 1;
        }
        
        .floating-particles > * {
            position: relative;
            z-index: 2;
        }
        
        @keyframes particleFloat {
            0% { transform: translateY(100vh) rotate(0deg); }
            100% { transform: translateY(-100px) rotate(360deg); }
        }
        
        /* Miglioramento spaziatura Leadership Tecnica & Soft Skills */
        .bg-blue-50.rounded-lg.p-4 {
            padding: 1.5rem !important;
            margin: 1.5rem 0 !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 h4 {
            margin-bottom: 1rem !important;
            font-size: 1.125rem !important;
            line-height: 1.4 !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 .grid {
            gap: 1rem !important;
            margin-top: 0.5rem !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 .flex.items-center {
            padding: 0.75rem 0 !important;
            align-items: flex-start !important;
            line-height: 1.5 !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 .flex.items-center i {
            margin-right: 0.75rem !important;
            margin-top: 0.125rem !important;
            flex-shrink: 0 !important;
            font-size: 1rem !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 .flex.items-center span {
            font-size: 0.9rem !important;
            line-height: 1.6 !important;
            max-width: 100% !important;
            max-height: unset !important;
        }
        
        .bg-blue-50.rounded-lg.p-4 .flex.items-center strong {
            color: #1e40af !important;
            font-weight: 600 !important;
        }
        
        /* Mobile specific adjustments for soft skills */
        @media (max-width: 768px) {
            .bg-blue-50.rounded-lg.p-4 {
                padding: 1.25rem !important;
                margin: 1rem 0 !important;
            }
            
            .bg-blue-50.rounded-lg.p-4 .grid {
                grid-template-columns: 1fr !important;
                gap: 0.75rem !important;
            }
            
            .bg-blue-50.rounded-lg.p-4 .flex.items-center {
                padding: 0.5rem 0 !important;
            }
            
            .bg-blue-50.rounded-lg.p-4 h4 {
                font-size: 1rem !important;
                margin-bottom: 0.75rem !important;
            }
        }
        
        /* Miglioramento spaziatura sezione Specializzazioni */
        .bg-gray-50.p-6.rounded-lg {
            padding: 1.75rem !important;
            margin: 1.5rem 0 !important;
        }
        
        .bg-gray-50.p-6.rounded-lg h3 {
            margin-bottom: 1.25rem !important;
            font-size: 1.25rem !important;
            line-height: 1.4 !important;
            color: #1d4ed8 !important;
        }
        
        .bg-gray-50.p-6.rounded-lg .space-y-3 {
            gap: 1rem !important;
            display: flex !important;
            flex-direction: column !important;
        }
        
        .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center {
            padding: 0.75rem 0 !important;
            align-items: flex-start !important;
            line-height: 1.6 !important;
        }
        
        .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center i {
            margin-right: 0.875rem !important;
            margin-top: 0.125rem !important;
            flex-shrink: 0 !important;
            font-size: 1.125rem !important;
            color: #2563eb !important;
        }
        
        .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center span {
            font-size: 1rem !important;
            line-height: 1.6 !important;
            color: #374151 !important;
            font-weight: 500 !important;
            max-width: 100% !important;
            max-height: unset !important;
        }
        
        /* Mobile adjustments for Specializzazioni */
        @media (max-width: 768px) {
            .bg-gray-50.p-6.rounded-lg {
                padding: 1.5rem !important;
                margin: 1.25rem 0 !important;
            }
            
            .bg-gray-50.p-6.rounded-lg h3 {
                font-size: 1.125rem !important;
                margin-bottom: 1rem !important;
            }
            
            .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center {
                padding: 0.625rem 0 !important;
            }
            
            .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center i {
                font-size: 1rem !important;
                margin-right: 0.75rem !important;
            }
            
            .bg-gray-50.p-6.rounded-lg .space-y-3 .flex.items-center span {
                font-size: 0.9rem !important;
            }
        }
        
        /* Styled Experience Cards - Design moderno per competenze tecniche */
        .border-l-4.bg-gradient-to-r {
            margin: 1.5rem 0 !important;
            padding: 1.25rem !important;
            transition: all 0.3s ease !important;
            border-radius: 0 0.5rem 0.5rem 0 !important;
        }
        
        .border-l-4.bg-gradient-to-r:hover {
            transform: translateX(5px) !important;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
        }
        
        .border-l-4.bg-gradient-to-r h4 {
            font-size: 1.125rem !important;
            font-weight: 600 !important;
            margin-bottom: 1rem !important;
            display: flex !important;
            align-items: center !important;
        }
        
        .border-l-4.bg-gradient-to-r h4 i {
            margin-right: 0.5rem !important;
            font-size: 1rem !important;
            flex-shrink: 0 !important;
        }
        
        .border-l-4.bg-gradient-to-r ul {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .border-l-4.bg-gradient-to-r li {
            display: flex !important;
            align-items: flex-start !important;
            margin-bottom: 0.75rem !important;
            line-height: 1.6 !important;
        }
        
        .border-l-4.bg-gradient-to-r li:last-child {
            margin-bottom: 0 !important;
        }
        
        .border-l-4.bg-gradient-to-r li i {
            margin-right: 0.75rem !important;
            margin-top: 0.25rem !important;
            font-size: 0.75rem !important;
            flex-shrink: 0 !important;
        }
        
        .border-l-4.bg-gradient-to-r li span {
            font-size: 0.95rem !important;
            line-height: 1.6 !important;
            max-width: 100% !important;
            max-height: unset !important;
        }
        
        /* Mobile optimizations for experience cards */
        @media (max-width: 768px) {
            .border-l-4.bg-gradient-to-r {
                margin: 1rem 0 !important;
                padding: 1rem !important;
                border-left-width: 3px !important;
            }
            
            .border-l-4.bg-gradient-to-r:hover {
                transform: none !important;
            }
            
            .border-l-4.bg-gradient-to-r h4 {
                font-size: 1rem !important;
                margin-bottom: 0.75rem !important;
            }
            
            .border-l-4.bg-gradient-to-r h4 i {
                font-size: 0.875rem !important;
                margin-right: 0.375rem !important;
            }
            
            .border-l-4.bg-gradient-to-r li {
                margin-bottom: 0.625rem !important;
            }
            
            .border-l-4.bg-gradient-to-r li i {
                margin-right: 0.5rem !important;
                margin-top: 0.125rem !important;
                font-size: 0.625rem !important;
            }
            
            .border-l-4.bg-gradient-to-r li span {
                font-size: 0.85rem !important;
                line-height: 1.5 !important;
            }
        }

        /* ITS Grade Highlight - Stile professionale ma visibile */
        .its-grade-highlight {
            background: linear-gradient(135deg, #10b981, #059669) !important;
            color: white !important;
            font-weight: 700 !important;
            font-size: 1.25rem !important;
            padding: 0.75rem 1.25rem !important;
            border-radius: 0.5rem !important;
            box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
            border: 2px solid #34d399 !important;
            transition: all 0.3s ease !important;
        }
        
        .its-grade-highlight:hover {
            transform: translateY(-2px) !important;
            box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35) !important;
        }
        
        /* Mobile optimization for ITS grade */
        @media (max-width: 768px) {
            .its-grade-highlight {
                font-size: 1.125rem !important;
                padding: 0.625rem 1rem !important;
            }
        }
        
        /* Fix mobile overflow in education section */
        @media (max-width: 768px) {
            /* Education cards mobile layout fix */
            #education .flex.justify-between.items-start {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 1rem !important;
            }
            
            #education .text-right {
                text-align: left !important;
                width: 100% !important;
                margin-top: 0.5rem !important;
            }
            
            /* Ensure grade boxes don't overflow */
            #education .bg-gradient-to-r,
            #education .its-grade-highlight {
                display: inline-block !important;
                max-width: 100% !important;
                word-wrap: break-word !important;
                white-space: nowrap !important;
            }
            
            /* Fix diploma card layout */
            #education .bg-gradient-to-br.from-gray-100.to-slate-200 {
                padding: 1rem !important;
                margin-bottom: 1rem !important;
            }
            
            /* Fix ITS card layout */
            #education .bg-gradient-to-br.from-blue-50.to-indigo-100 {
                padding: 1rem !important;
                margin-bottom: 1rem !important;
            }
            
            /* Ensure text doesn't overflow */
            #education h3 {
                font-size: 1rem !important;
                line-height: 1.4 !important;
                word-wrap: break-word !important;
            }
            
            #education p {
                font-size: 0.875rem !important;
                line-height: 1.5 !important;
            }
        }
        
        /* Extra small screens */
        @media (max-width: 480px) {
            #education .flex.justify-between.items-start {
                gap: 0.75rem !important;
            }
            
            #education h3 {
                font-size: 0.9rem !important;
            }
            
            #education .text-right {
                margin-top: 0.25rem !important;
            }
        }
        
        /* Enhanced stats section - professional styling */
        .stat-number.its-grade {
            background: linear-gradient(135deg, #10b981, #059669) !important;
            color: white !important;
            padding: 0.5rem 0.75rem !important;
            border-radius: 0.5rem !important;
            font-weight: 700 !important;
            font-size: 1.5rem !important;
            box-shadow: 0 3px 10px rgba(16, 185, 129, 0.2) !important;
            border: 1px solid #34d399 !important;
            transition: all 0.3s ease !important;
        }
        
        .stat-number.its-grade:hover {
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;
        }

        /* Respect user preferences */
        @media (prefers-reduced-motion: reduce) {
            .signature-phrase {
                animation: none !important;
                border-right: none !important;
                white-space: normal !important;
                overflow: visible !important;
            }
            
            .stat-number,
            .skill-icon,
            .testimonial-card,
            .btn-primary {
                animation: none !important;
                transition: none !important;
            }
            
            .btn-primary::before,
            .nav-link::after {
                display: none !important;
            }
            
            .bg-pattern::before,
            .bg-animated-gradient,
            .bg-animated-gradient::after,
            .bg-mesh,
            .floating-particles::before {
                animation: none !important;
                transform: none !important;
            }
            
            /* Disable hover effects for ITS grade if user prefers reduced motion */
            .its-grade-highlight:hover,
            .stat-number.its-grade:hover {
                transform: none !important;
                box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
            }
        }