.install-step {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            transition: all 0.3s ease;
        }

        .install-step:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .install-button {
            background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%);
            transition: all 0.3s ease;
            box-shadow: 0 4px 14px 0 rgba(var(--color-primary-rgb, 220, 38, 38), 0.4);
        }

        .install-button:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 20px 0 rgba(var(--color-primary-rgb, 220, 38, 38), 0.6);
        }

        .install-button:disabled {
            background: #9ca3af;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }

        .notification-demo {
            background: linear-gradient(135deg, #059669 0%, #047857 100%);
        }

        .platform-icon {
            width: 48px;
            height: 48px;
        }

        .screenshot {
            max-width: 300px;
            border: 2px solid #e5e7eb;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        /* Styles pour la plateforme détectée */
        .platform-section {
            position: relative;
            transition: all 0.5s ease;
        }

        .platform-section.detected {
            border: 3px solid var(--color-primary-600) !important;
            box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb, 220, 38, 38), 0.1), 0 12px 30px rgba(0, 0, 0, 0.2) !important;
            animation: pulse-border 2s ease-in-out;
        }

        @keyframes pulse-border {
            0%, 100% {
                box-shadow: 0 0 0 4px rgba(var(--color-primary-rgb, 220, 38, 38), 0.1), 0 12px 30px rgba(0, 0, 0, 0.2);
            }
            50% {
                box-shadow: 0 0 0 8px rgba(var(--color-primary-rgb, 220, 38, 38), 0.2), 0 16px 40px rgba(0, 0, 0, 0.25);
            }
        }

        .platform-badge {
            position: absolute;
            top: -15px;
            right: 20px;
            background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%);
            color: white;
            padding: 8px 20px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 0.9rem;
            box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 220, 38, 38), 0.4);
            z-index: 10;
            animation: badge-appear 0.5s ease-out;
        }

        @keyframes badge-appear {
            0% {
                transform: scale(0) rotate(-10deg);
                opacity: 0;
            }
            100% {
                transform: scale(1) rotate(0deg);
                opacity: 1;
            }
        }

        .platform-section:not(.detected) {
            opacity: 0.7;
        }

        .platform-section.detected:hover {
            opacity: 1;
        }