.elementor-222 .elementor-element.elementor-element-bd4fbe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-222 .elementor-element.elementor-element-8519ff4{--spacer-size:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-222 .elementor-element.elementor-element-52d73c3{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-222 .elementor-element.elementor-element-52d73c3.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-222 .elementor-element.elementor-element-9c93987{text-align:center;}.elementor-222 .elementor-element.elementor-element-9c93987 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:1.3rem;font-weight:400;}.elementor-222 .elementor-element.elementor-element-2709207{text-align:center;}.elementor-222 .elementor-element.elementor-element-2709207 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-222 .elementor-element.elementor-element-56924959{--display:flex;}.elementor-222 .elementor-element.elementor-element-2eb701c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-222 .elementor-element.elementor-element-156a831{text-align:center;}.elementor-222 .elementor-element.elementor-element-156a831 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:0.9rem;font-weight:400;color:var( --e-global-color-secondary );}.elementor-222 .elementor-element.elementor-element-1daac73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button{background-color:#22242E;font-family:"Space Grotesk", Sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:0.3px;word-spacing:2px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:6px 6px 6px 6px;padding:15px 35px 15px 20px;}.elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button:hover, .elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button:focus{background-color:var( --e-global-color-primary );color:#22242E;}.elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button-content-wrapper{flex-direction:row;}.elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button:hover svg, .elementor-222 .elementor-element.elementor-element-d12bd8a .elementor-button:focus svg{fill:#22242E;}.elementor-222 .elementor-element.elementor-element-226c21a .elementor-button{background-color:#22242E;font-family:"Space Grotesk", Sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:0.3px;word-spacing:2px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:6px 6px 6px 6px;padding:15px 35px 15px 20px;}.elementor-222 .elementor-element.elementor-element-226c21a .elementor-button:hover, .elementor-222 .elementor-element.elementor-element-226c21a .elementor-button:focus{background-color:var( --e-global-color-primary );color:#22242E;}.elementor-222 .elementor-element.elementor-element-226c21a .elementor-button-content-wrapper{flex-direction:row;}.elementor-222 .elementor-element.elementor-element-226c21a .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-222 .elementor-element.elementor-element-226c21a .elementor-button:hover svg, .elementor-222 .elementor-element.elementor-element-226c21a .elementor-button:focus svg{fill:#22242E;}.elementor-222 .elementor-element.elementor-element-f432070{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-222 .elementor-element.elementor-element-8587ce6{text-align:center;}.elementor-222 .elementor-element.elementor-element-8587ce6 .elementor-heading-title{font-family:"Sansation", Sans-serif;font-size:1rem;font-weight:500;color:#ABA6BA;}.elementor-222 .elementor-element.elementor-element-8587ce6 .elementor-heading-title a:hover, .elementor-222 .elementor-element.elementor-element-8587ce6 .elementor-heading-title a:focus{color:var( --e-global-color-086fc40 );}body.elementor-page-222:not(.elementor-motion-effects-element-type-background), body.elementor-page-222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F1014;}@media(min-width:768px){.elementor-222 .elementor-element.elementor-element-2eb701c{--content-width:500px;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-56924959 *//* Import de la police Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

/* Reset et conteneur principal */
.um-110.um {
    max-width: 400px !important;
    margin: 0 auto;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.um-form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Lignes et colonnes */
.um-row {
    margin: 0 0 10px 0 !important;
}

.um-col-1 {
    width: 100% !important;
}

/* Champs de formulaire */
.um-field {
    margin-bottom: 16px !important;
}

.um-field-label {
    margin-bottom: 6px !important;
}

.um-field-label label {
    color: #9ca3af !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
    margin: 0 !important;
    display: block !important;
}

/* Inputs - Couleurs exactes du design */
.um-form-field {
    width: 100% !important;
    padding: 14px 16px !important;
    background: #17151e !important;
    border: none !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'Inter', sans-serif !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.um-form-field:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
}

.um-form-field::placeholder {
    color: #6b7280 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Messages d'erreur - masqués par défaut */
.um-field-error,
.um-notice {
    background: #dc2626 !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    margin: 8px 0 !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    border: none !important;
    display: none !important;
}

/* Afficher les erreurs seulement après soumission */
.um-form.um-form-errors .um-field-error,
.um-form.um-form-errors .um-notice {
    display: block !important;
}

/* Container des boutons */
.um-col-alt {
    margin-top: 24px !important;
    text-align: center !important;
}

.um-left.um-half {
    width: 100% !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
}

.um-right.um-half {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Bouton principal */
.um-left.um-half .um-button {
    width: 100% !important;
    padding: 14px 24px !important;
    background: #9E5CFF !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.um-left.um-half .um-button:hover {
    background: #4C1B9C !important;
}

/* Transformer le bouton connexion en lien français */
.um-right.um-half .um-button.um-alt {
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Inter', sans-serif !important;
    text-decoration: none !important;
    padding: 0 !important;
    width: auto !important;
    display: inline !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.um-right.um-half .um-button.um-alt:hover {
    color: #8b5cf6 !important;
    background: transparent !important;
}

/* Modifier le texte du lien en français */
.um-right.um-half .um-button.um-alt {
    font-size: 0 !important;
}

.um-right.um-half .um-button.um-alt::before {
    content: "Vous avez déjà un compte ? Se connecter →" !important;
    font-size: 14px !important;
    color: #9ca3af !important;
    font-family: 'Inter', sans-serif !important;
    transition: color 0.2s ease !important;
}

.um-right.um-half .um-button.um-alt:hover::before {
    color: #8b5cf6 !important;
}

/* Champs cachés et éléments de sécurité */
.um_request_name {
    display: none !important;
}

input[type="hidden"] {
    display: none !important;
}

/* Clear fix */
.um-clear {
    clear: both !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* Responsive */
@media (max-width: 480px) {
    .um-110.um {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    
    .um-form-field {
        font-size: 16px !important;
    }
}

/* États des champs */
.um-form-field.valid {
    border-color: #4b5563 !important;
}

.um-form-field:invalid,
.um-form-field.error {
    border-color: #dc2626 !important;
}

/* Suppression des marges par défaut d'Ultimate Member */
.um-110.um .um-form {
    margin: 0 !important;
}

.um-110.um .um-row:last-child {
    margin-bottom: 0 !important;
}

/* Style pour le conteneur global */
.um-110.um * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sansation';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Sansation';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Sansation';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Sansation';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Sansation';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Sansation';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://dev.optinet-security.com/wp-content/uploads/2025/08/Sansation-LightItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */