.elementor-6997 .elementor-element.elementor-element-2e58c4f{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-4e6e86f */.glass {
    position: relative;
    background: rgba(255, 255, 255, 0.8); 
    backdrop-filter: blur(4px) saturate(150%); 
    -webkit-backdrop-filter: blur(4px) saturate(150%); 
    border: 0.125rem solid rgba(255, 255, 255, 0.9); 
    border-radius: 2rem;
    padding: 1.25rem;
    
    /* Ombre et lueur */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
                0 0 15px rgba(77, 192, 181, 0.5); /* Lueur plus douce */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    overflow: hidden; 
    z-index: 10; 
}

/* Sub-Glass (plus opaque pour le contraste) */
.bg-sub-glass {
    background-color: rgba(255, 255, 255, 0.9); /* Presque blanc solide */
    backdrop-filter: blur(1px); /* FLOU TRÈS LÉGER */
    -webkit-backdrop-filter: blur(1px); /* FLOU TRÈS LÉGER */
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
}

/* Reflection/Glaze (pour la profondeur) - Ajusté pour un fond clair */
.glass::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1); /* Moins visible */
    border-radius: 2rem;
    backdrop-filter: blur(1px);
    box-shadow: inset -5px -5px 0px -6px rgba(255, 255, 255, 0.5),
                inset 0px -5px 0px -6px rgba(255, 255, 255, 0.5);
    opacity: 0.8; 
    z-index: -1;
    filter: blur(1px);
    pointer-events: none;
}

/* Hover effect */
.glass:hover {
    transform: perspective(1000px) rotateX(0.5deg) rotateY(0.5deg) translateY(-5px); 
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 
                0 0 20px rgba(77, 192, 181, 0.7); 
}

/* Accent Colors (Conservé pour le contraste avec le fond sombre) */
.text-accent {
    color: #4dc0b5; /* Bright Teal */
}

/* OVERRIDE TEXTE NOIR DANS LES CARTES CLAIRES */
.dark-text-in-glass {
     color: #1f2937 !important; /* Texte principal foncé (Noir) */
}
.dark-subtext-in-glass {
     color: #4b5563 !important; /* Sous-texte foncé (Gris) */
}
.dark-accent-in-glass {
     color: #0d9488 !important; /* Accent foncé (Teal sombre) */
}
.step-number {
    color: #1f2937; /* Texte du numéro foncé */
    background-color: #4dc0b5;
}

/* Le Hero (Header) reste clair (car il est très transparent sur le fond foncé global) */
/* C'est la seule exception au texte noir, pour assurer le contraste sur la section Hero */
.glass.hero-header h1, .glass.hero-header p, .glass.hero-header span {
    color: #e5e7eb !important; /* Texte clair dans le header/hero */
}
.glass.hero-header .dark-subtext-in-glass {
    color: #d1d5db !important; /* Texte légèrement plus clair dans le hero */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5f8a5a9 */.glass {
    position: relative;
    background: rgba(255, 255, 255, 0.8); 
    backdrop-filter: blur(4px) saturate(150%); 
    -webkit-backdrop-filter: blur(4px) saturate(150%); 
    border: 0.125rem solid rgba(255, 255, 255, 0.9); 
    border-radius: 2rem;
    padding: 1.25rem;
    
    /* Ombre et lueur */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 
                0 0 15px rgba(77, 192, 181, 0.5); /* Lueur plus douce */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    overflow: hidden; 
    z-index: 10; 
}

/* Sub-Glass (plus opaque pour le contraste) */
.bg-sub-glass {
    background-color: rgba(255, 255, 255, 0.9); /* Presque blanc solide */
    backdrop-filter: blur(1px); /* FLOU TRÈS LÉGER */
    -webkit-backdrop-filter: blur(1px); /* FLOU TRÈS LÉGER */
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
}

/* Reflection/Glaze (pour la profondeur) - Ajusté pour un fond clair */
.glass::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1); /* Moins visible */
    border-radius: 2rem;
    backdrop-filter: blur(1px);
    box-shadow: inset -5px -5px 0px -6px rgba(255, 255, 255, 0.5),
                inset 0px -5px 0px -6px rgba(255, 255, 255, 0.5);
    opacity: 0.8; 
    z-index: -1;
    filter: blur(1px);
    pointer-events: none;
}

/* Hover effect */
.glass:hover {
    transform: perspective(1000px) rotateX(0.5deg) rotateY(0.5deg) translateY(-5px); 
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 
                0 0 20px rgba(77, 192, 181, 0.7); 
}

/* Accent Colors (Conservé pour le contraste avec le fond sombre) */
.text-accent {
    color: #4dc0b5; /* Bright Teal */
}

/* OVERRIDE TEXTE NOIR DANS LES CARTES CLAIRES */
.dark-text-in-glass {
     color: #1f2937 !important; /* Texte principal foncé (Noir) */
}
.dark-subtext-in-glass {
     color: #4b5563 !important; /* Sous-texte foncé (Gris) */
}
.dark-accent-in-glass {
     color: #0d9488 !important; /* Accent foncé (Teal sombre) */
}
.step-number {
    color: #1f2937; /* Texte du numéro foncé */
    background-color: #4dc0b5;
}

/* Le Hero (Header) reste clair (car il est très transparent sur le fond foncé global) */
/* C'est la seule exception au texte noir, pour assurer le contraste sur la section Hero */
.glass.hero-header h1, .glass.hero-header p, .glass.hero-header span {
    color: #e5e7eb !important; /* Texte clair dans le header/hero */
}
.glass.hero-header .dark-subtext-in-glass {
    color: #d1d5db !important; /* Texte légèrement plus clair dans le hero */
}/* End custom CSS */