/* _content/ExodusWebsite/Components/Layout/AuthLayout.razor.rz.scp.css */
.layout[b-cuqt9x9yqa] {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: radial-gradient( circle at 50% 100%, #1A0033 0%, #050510 100% );
}

/* Pousse le pied de page tout en bas quand le contenu est court */
.layout-body[b-cuqt9x9yqa] {
    flex: 1 0 auto;
}

/* Même style et même position que le HOME de la page Download */
.layout-home[b-cuqt9x9yqa] {
    position: absolute;
    top: 40px;
    right: 32px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .layout-home:hover[b-cuqt9x9yqa] {
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0 0 8px rgba(168, 85, 247, 0.4);
    }

/* Petits écrans : remonte dans la marge au-dessus du titre pour ne pas le chevaucher */
@media (max-width: 600px) {
    .layout-home[b-cuqt9x9yqa] {
        top: 8px;
        right: 16px;
        font-size: 14px;
    }
}
/* _content/ExodusWebsite/Components/Layout/CookieBanner.razor.rz.scp.css */
/* Encadré fixe en bas à droite, au-dessus du reste de la page. */
.cookie-banner[b-2aj87h5zfs] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1050;
    width: 360px;
    max-width: calc(100vw - 32px);
    padding: 20px 22px;
    border-radius: var(--card-radius);
    border: var(--card-border);
    background: var(--card-bg);
    box-shadow: var(--card-glow);
}

.cookie-head[b-2aj87h5zfs] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.cookie-icon[b-2aj87h5zfs] {
    font-size: 20px;
    line-height: 1;
}

.cookie-title[b-2aj87h5zfs] {
    margin: 0;
    color: rgba(255,255,255,0.9);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.cookie-text[b-2aj87h5zfs] {
    margin: 0 0 16px;
    color: rgba(255,255,255,0.55);
    font-size: 13px;
    line-height: 1.55;
}

.cookie-actions[b-2aj87h5zfs] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.cookie-accept[b-2aj87h5zfs],
.cookie-decline[b-2aj87h5zfs] {
    padding: 10px 20px;
    border-radius: var(--btn-radius);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

/* Accepter — violet, comme les boutons principaux du site */
.cookie-accept[b-2aj87h5zfs] {
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: rgba(233,213,255,0.95);
}

    .cookie-accept:hover[b-2aj87h5zfs] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
        color: #fff;
    }

/* Refuser — même contraste que Accept, en gris */
.cookie-decline[b-2aj87h5zfs] {
    border: 1px solid rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.08);
    box-shadow: 0 0 16px rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.95);
}

    .cookie-decline:hover[b-2aj87h5zfs] {
        background: rgba(255,255,255,0.2);
        box-shadow: 0 0 24px rgba(255,255,255,0.25);
        color: #fff;
    }

    .cookie-accept:active[b-2aj87h5zfs],
    .cookie-decline:active[b-2aj87h5zfs] {
        transform: scale(0.98);
    }

    .cookie-accept:focus[b-2aj87h5zfs],
    .cookie-decline:focus[b-2aj87h5zfs] {
        outline: none;
    }

.cookie-more[b-2aj87h5zfs] {
    color: rgba(168,85,247,0.75);
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .cookie-more:hover[b-2aj87h5zfs] {
        color: rgba(216,180,254,1);
        text-shadow: 0 0 8px rgba(168,85,247,0.4);
    }

@media (max-width: 640px) {
    .cookie-banner[b-2aj87h5zfs] {
        right: 16px;
        left: 16px;
        bottom: 16px;
        width: auto;
    }
}
/* _content/ExodusWebsite/Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-9nbauv8dtg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px 32px;
    border-top: 1px solid rgba(168,85,247,0.12);
}

/* Groupe de gauche : logo + menus, alignés sur la même ligne */
.footer-left[b-9nbauv8dtg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}

/* LOGO — collé à gauche, centré verticalement */
.footer-brand[b-9nbauv8dtg] {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

    .footer-brand:hover[b-9nbauv8dtg] {
        opacity: 1;
    }

    .footer-brand:focus[b-9nbauv8dtg] {
        outline: none;
    }

.footer-logo[b-9nbauv8dtg] {
    object-fit: contain;
    filter: drop-shadow(0 0 12px rgba(168,85,247,0.25));
}

/* MENUS */
.footer-nav[b-9nbauv8dtg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.footer-link[b-9nbauv8dtg] {
    color: rgba(255,255,255,0.4);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .footer-link:hover[b-9nbauv8dtg] {
        color: rgba(255,255,255,0.85);
        text-shadow: 0 0 8px rgba(168,85,247,0.4);
    }

    .footer-link:focus[b-9nbauv8dtg] {
        outline: none;
    }

/* Groupe de droite : Discord + report */
.footer-actions[b-9nbauv8dtg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

/* BOUTON DISCORD — bleu doux, même forme que le report */
.footer-discord[b-9nbauv8dtg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: var(--btn-radius);
    border: 1px solid rgba(88,101,242,0.35);
    background: rgba(88,101,242,0.1);
    box-shadow: 0 0 16px rgba(88,101,242,0.2);
    color: rgba(165,180,252,0.95);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

    .footer-discord:hover[b-9nbauv8dtg] {
        background: rgba(88,101,242,0.2);
        border-color: rgba(88,101,242,0.55);
        box-shadow: 0 0 24px rgba(88,101,242,0.35);
        color: rgba(199,210,254,1);
    }

    .footer-discord:active[b-9nbauv8dtg] {
        transform: scale(0.98);
    }

    .footer-discord:focus[b-9nbauv8dtg] {
        outline: none;
    }

.discord-mark[b-9nbauv8dtg] {
    width: 14px;
    height: 14px;
}

/* BOUTON REPORT — rouge doux, à droite */
.footer-report[b-9nbauv8dtg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: var(--btn-radius);
    border: var(--danger-border);
    background: var(--danger-bg);
    box-shadow: var(--danger-glow);
    color: rgba(252,165,165,0.95);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

    .footer-report:hover[b-9nbauv8dtg] {
        background: var(--danger-bg-hover);
        border-color: rgba(239,68,68,0.55);
        box-shadow: var(--danger-glow-hover);
        color: rgba(254,202,202,1);
    }

.report-icon[b-9nbauv8dtg] {
    font-size: 13px;
    line-height: 1;
}

    .footer-report:active[b-9nbauv8dtg] {
        transform: scale(0.98);
    }

    .footer-report:focus[b-9nbauv8dtg] {
        outline: none;
    }

@media (max-width: 640px) {
    .site-footer[b-9nbauv8dtg] {
        flex-direction: column;
        justify-content: center;
    }

    .footer-left[b-9nbauv8dtg] {
        flex-direction: column;
        gap: 20px;
    }

    .footer-nav[b-9nbauv8dtg] {
        justify-content: center;
    }

    .footer-actions[b-9nbauv8dtg] {
        justify-content: center;
    }
}
/* _content/ExodusWebsite/Components/Pages/AccountSettings.razor.rz.scp.css */
.title[b-j7mnwvluyb] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-j7mnwvluyb] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.card[b-j7mnwvluyb] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.section-title[b-j7mnwvluyb] {
    color: rgba(168,85,247,0.6);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.divider[b-j7mnwvluyb] {
    border: none;
    border-top: 1px solid rgba(168,85,247,0.1);
    margin: 20px 0;
}

.field[b-j7mnwvluyb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

    .field label[b-j7mnwvluyb] {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-j7mnwvluyb]  .form-input:-webkit-autofill,
    .field[b-j7mnwvluyb]  .form-input:-webkit-autofill:hover,
    .field[b-j7mnwvluyb]  .form-input:-webkit-autofill:focus,
    .field[b-j7mnwvluyb]  .form-input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px #191926 inset !important;
        -webkit-text-fill-color: rgba(165, 180, 252, 0.85) !important;
        transition: background-color 5000s ease-in-out 0s;
    }

.value-row[b-j7mnwvluyb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.value[b-j7mnwvluyb] {
    color: rgba(165,180,252,0.85);
    font-size: 14px;
}

.edit-row[b-j7mnwvluyb] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.edit-col[b-j7mnwvluyb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-input[b-j7mnwvluyb] {
    background: var(--input-bg);
    border: var(--input-border);
    border-radius: var(--input-radius);
    padding: var(--input-padding);
    color: rgba(165,180,252,0.85);
    font-size: 14px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

    .form-input:focus[b-j7mnwvluyb] {
        border-color: var(--input-border-focus);
        background: var(--input-bg-focus);
    }

.btn-edit[b-j7mnwvluyb] {
    background: transparent;
    border: 1px solid rgba(168,85,247,0.3);
    border-radius: 8px;
    color: rgba(168,85,247,0.7);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 12px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.2s;
    /* pour que le rendu soit identique en <button> et en <a> */
    display: inline-block;
    line-height: normal;
    text-decoration: none;
}

    .btn-edit:hover[b-j7mnwvluyb] {
        background: rgba(168,85,247,0.1);
    }

.btn-save[b-j7mnwvluyb] {
    background: rgba(168,85,247,0.15);
    border: 1px solid rgba(168,85,247,0.4);
    border-radius: 8px;
    color: white;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 6px 16px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.2s;
}

    .btn-save:hover[b-j7mnwvluyb] {
        background: rgba(168,85,247,0.28);
    }

.btn-cancel[b-j7mnwvluyb] {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: rgba(255,255,255,0.3);
    font-size: 12px;
    padding: 4px 10px;
    cursor: pointer;
    transition: background 0.2s;
}

    .btn-cancel:hover[b-j7mnwvluyb] {
        background: rgba(255,255,255,0.05);
    }

.hint[b-j7mnwvluyb] {
    color: rgba(255,255,255,0.35);
    font-size: 12px;
    line-height: 1.5;
    padding-right: 16px;
}

/* --- Danger zone --------------------------------------------------- */

.danger-section-title[b-j7mnwvluyb] {
    color: rgba(239,68,68,0.7);
}

.danger-box[b-j7mnwvluyb] {
    border: var(--danger-border);
    background: rgba(239,68,68,0.06);
    border-radius: 12px;
    padding: 16px;
}

.danger-text[b-j7mnwvluyb] {
    color: rgba(255,190,190,0.7);
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 14px 0;
}

.danger-label[b-j7mnwvluyb] {
    color: rgba(255,190,190,0.6);
    font-size: 11px;
    margin-bottom: 2px;
}

.confirm-word[b-j7mnwvluyb] {
    color: rgba(255,220,220,0.95);
    font-weight: 700;
}

.btn-danger[b-j7mnwvluyb] {
    border: var(--danger-border);
    background: var(--danger-bg);
    border-radius: 8px;
    color: rgba(255,220,220,0.95);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 16px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

    .btn-danger:hover:not(:disabled)[b-j7mnwvluyb] {
        background: var(--danger-bg-hover);
        box-shadow: var(--danger-glow);
    }

    .btn-danger:disabled[b-j7mnwvluyb] {
        opacity: 0.45;
        cursor: not-allowed;
    }

/* Le ✕ de la danger zone : stretch pour coller à la hauteur du bouton Delete,
   et toujours à pleine intensité — il ne doit jamais avoir l'air désactivé. */
.danger-box .edit-row[b-j7mnwvluyb] {
    align-items: stretch;
}

.danger-box .btn-cancel[b-j7mnwvluyb] {
    display: flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.3);
    color: rgba(255,255,255,0.9);
    font-size: 13px;
    padding: 0 14px;
}

    .danger-box .btn-cancel:hover[b-j7mnwvluyb] {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.45);
    }

.btn-edit:disabled[b-j7mnwvluyb] {
    opacity: 0.45;
    cursor: not-allowed;
}

.badge[b-j7mnwvluyb] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 4px 12px;
    border-radius: 20px;
}

.badge-pro[b-j7mnwvluyb] {
    background: rgba(168,85,247,0.15);
    border: 1px solid rgba(168,85,247,0.4);
    color: rgba(168,85,247,0.9);
}

.badge-free[b-j7mnwvluyb] {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.3);
}

.error-message[b-j7mnwvluyb] {
    color: rgba(255,80,80,0.85);
    font-size: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255,80,80,0.08);
    border: 1px solid rgba(255,80,80,0.2);
}

.success-message[b-j7mnwvluyb] {
    color: rgba(80,220,130,0.85);
    font-size: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(80,220,130,0.08);
    border: 1px solid rgba(80,220,130,0.2);
}

.logout-wrapper[b-j7mnwvluyb] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    /* Même respiration au-dessus (margin du bouton) qu'en dessous : le bouton
       ne colle plus au trait du footer. */
    padding-bottom: 40px;
}

.btn-logout[b-j7mnwvluyb] {
    width: 100%;
    margin-top: 40px;
    padding: 14px;
    max-width: 300px;
    border-radius: var(--btn-radius);
    border: var(--danger-border);
    background: var(--danger-bg);
    box-shadow: var(--danger-glow);
    color: rgba(255, 220, 220, 0.95);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    .btn-logout:hover[b-j7mnwvluyb] {
        background: var(--danger-bg-hover);
        box-shadow: var(--danger-glow-hover);
        transform: translateY(-1px);
    }

    .btn-logout:active[b-j7mnwvluyb] {
        transform: translateY(0);
    }
/* _content/ExodusWebsite/Components/Pages/Admin/Cgu.razor.rz.scp.css */
.title[b-qmk69bjws6] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.content-wrapper[b-qmk69bjws6] {
    max-width: 800px;
    align-items: center;
    align-content: center;
    margin: 0 auto;
}
.content[b-qmk69bjws6] {
    /* Conserve les sauts de ligne du fichier .txt */
    white-space: pre-wrap;
    color: rgba(255,255,255,0.4);
    font-size: 15px;
    line-height: 1.8;

}

/* _content/ExodusWebsite/Components/Pages/Admin/LegalNotice.razor.rz.scp.css */
.title[b-zhhexzy27w] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.content-wrapper[b-zhhexzy27w] {
    max-width: 800px;
    align-items: center;
    align-content: center;
    margin: 0 auto;
}

.content[b-zhhexzy27w] {
    /* Conserve les sauts de ligne du fichier .txt */
    white-space: pre-wrap;
    color: rgba(255,255,255,0.4);
    font-size: 15px;
    line-height: 1.8;
}
/* _content/ExodusWebsite/Components/Pages/Admin/Privacy.razor.rz.scp.css */
.title[b-belzuwiajn] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.content-wrapper[b-belzuwiajn] {
    max-width: 800px;
    align-items: center;
    align-content: center;
    margin: 0 auto;
}

.content[b-belzuwiajn] {
    /* Conserve les sauts de ligne du fichier .txt */
    white-space: pre-wrap;
    color: rgba(255,255,255,0.4);
    font-size: 15px;
    line-height: 1.8;
}
/* _content/ExodusWebsite/Components/Pages/Download.razor.rz.scp.css */
.download-page[b-3zoxxdlw2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.top-nav[b-3zoxxdlw2p] {
    position: absolute;
    top: 32px;
    right: 32px;
}

.title[b-3zoxxdlw2p]
{
    align-self: flex-start;
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px 32px;
}

.link-topbar[b-3zoxxdlw2p] {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .link-topbar:hover[b-3zoxxdlw2p] {
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0 0 8px rgba(168, 85, 247, 0.4);
    }

    .link-topbar:focus[b-3zoxxdlw2p] {
        outline: none;
    }


.content-wrapper[b-3zoxxdlw2p] {
    max-width: 680px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    gap: 48px;
    margin-top: 20px;
}

.download-card[b-3zoxxdlw2p] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height:auto;
    min-width:auto;
}

.app-info[b-3zoxxdlw2p] {
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: left;
    margin-bottom: 32px;
    width: 100%;
    justify-content: center;
}

.app-icon[b-3zoxxdlw2p] {
    font-size: 20px;
    color: rgba(168,85,247,0.9);
    text-shadow: 0 0 15px rgba(168,85,247,0.6);
}

.app-icon-image[b-3zoxxdlw2p] {
    font-size: 15px;
    color: rgba(168,85,247,0.9);
    text-shadow: 0 0 15px rgba(168,85,247,0.6);
}

.app-name[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.95);
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    letter-spacing: 1px;
}

.app-version[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
    margin: 4px 0 0 0;
}

/*DOWNLOAD BUTTON*/
.btn-download[b-3zoxxdlw2p] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 14px 36px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

    .btn-download:hover[b-3zoxxdlw2p] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-download:active[b-3zoxxdlw2p] {
        transform: scale(0.98);
    }


/* LIENS DIRECTS ET VIRUSTOTAL */
.direct-link[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    margin: 20px 0 0 0;
}

    .direct-link a[b-3zoxxdlw2p] {
        color: rgba(168,85,247,0.85);
        text-decoration: none;
        font-weight: 600;
        transition: color 0.2s;
    }

        .direct-link a:hover[b-3zoxxdlw2p] {
            color: rgba(196,181,253,1);
        }

.virustotal-row[b-3zoxxdlw2p] {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.06);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255,255,255,0.4);
}

.doubt-icon[b-3zoxxdlw2p] {
    color: #10B981; /* Vert sécurité */
    font-size: 15px;
}

.virustotal-row a[b-3zoxxdlw2p] {
    color: rgba(168,85,247,0.85);
    text-decoration: none;
    font-weight: 700;
    transition: transform 0.2s ease, color 0.2s ease;
}

    .virustotal-row a:hover[b-3zoxxdlw2p] {
        color: rgba(196,181,253,1);
        transform: translateX(2px);
    }


/* SÉPARATEUR VISUEL */
.divider[b-3zoxxdlw2p] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(168,85,247,0.25), transparent);
    width: 100%;
}

/* GUIDE WINDOWS DEFENDER */
.guide-section[b-3zoxxdlw2p] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.guide-title[b-3zoxxdlw2p] {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: rgba(255,255,255,0.9);
    margin: -10px 0 0 0;
}

.guide-intro[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.45);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 16px 0;
}

/* ÉTAPES */
.step[b-3zoxxdlw2p] {
    background: rgba(13, 15, 26, 0.6);
    border-left: 2px solid rgba(168,85,247,0.4);
    padding: 24px;
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.step-header[b-3zoxxdlw2p] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.step-number[b-3zoxxdlw2p] {
    font-size: 18px;
    font-weight: 800;
    color: rgba(168,85,247,0.8);
    font-family: monospace;
    background: rgba(168,85,247,0.1);
    padding: 2px 8px;
    border-radius: 6px;
}

.step-title[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.85);
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.step-desc[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.4);
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
}

    .step-desc em[b-3zoxxdlw2p], .step-desc strong[b-3zoxxdlw2p] {
        color: rgba(255, 255, 255, 0.8);
        font-style: normal;
    }

/* CAPTURES D'ÉCRAN / CONTAINERS */
.screenshot-placeholder[b-3zoxxdlw2p] {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #121424;
    border: 1px solid rgba(255,255,255,0.05);
    position: relative;
    display: flex;
    flex-direction: column;
}

.screenshot[b-3zoxxdlw2p] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Style appliqué automatiquement si l'image est manquante/génère une erreur */
.screenshot-placeholder.no-image[b-3zoxxdlw2p] {
    padding: 30px 20px;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(168,85,247,0.2);
}

    .screenshot-placeholder.no-image .screenshot[b-3zoxxdlw2p] {
        display: none;
    }

.placeholder-label[b-3zoxxdlw2p] {
    margin: 0;
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.25);
    background: rgba(0,0,0,0.2);
    text-align: center;
}

.reassurance-card[b-3zoxxdlw2p] {
    background: rgba(168,85,247,0.03);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 24px;
    margin-bottom: 20px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.reassurance-icon[b-3zoxxdlw2p] {
    font-size: 20px;
    color: rgba(168,85,247,0.6);
    margin-top: 2px;
}

.reassurance-title[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 6px 0;
}

.reassurance-desc[b-3zoxxdlw2p] {
    color: rgba(255,255,255,0.35);
    font-size: 12.5px;
    line-height: 1.6;
    margin: 0;
}
/* _content/ExodusWebsite/Components/Pages/Forgot.razor.rz.scp.css */
.page[b-up0qmj15e1] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.title[b-up0qmj15e1] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-up0qmj15e1] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-up0qmj15e1] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.text[b-up0qmj15e1] {
    display: flex;
    flex-direction: column;
    color: #88A5B4FC;
    margin-bottom: 10px;
}

.field[b-up0qmj15e1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

    .field[b-up0qmj15e1]  label {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-up0qmj15e1]  .form-input {
        background: var(--input-bg);
        border: var(--input-border);
        border-radius: var(--input-radius);
        padding: var(--input-padding);
        color: rgba(165,180,252,0.85);
        font-size: 14px;
        outline: none;
        width: 100%;
    }

        .field[b-up0qmj15e1]  .form-input:focus {
            border-color: var(--input-border-focus);
            background: var(--input-bg-focus);
        }


        .field[b-up0qmj15e1]  .form-input:-webkit-autofill,
        .field[b-up0qmj15e1]  .form-input:-webkit-autofill:hover,
        .field[b-up0qmj15e1]  .form-input:-webkit-autofill:focus,
        .field[b-up0qmj15e1]  .form-input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0px 1000px #191926 inset !important;
            -webkit-text-fill-color: rgba(165, 180, 252, 0.85) !important;
            transition: background-color 5000s ease-in-out 0s;
        }

.btn[b-up0qmj15e1] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    /* Centre le loader (élément bloc) comme le texte, et fige la hauteur du
       bouton pour qu'il ne rétrécisse pas quand la barre remplace le libellé. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    .btn:hover[b-up0qmj15e1] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-up0qmj15e1] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-up0qmj15e1], .btn:active[b-up0qmj15e1] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }


/* _content/ExodusWebsite/Components/Pages/Home.razor.rz.scp.css */
.home[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.title[b-k2hil0764t] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
}

.top-bar[b-k2hil0764t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 32px;
}

.topbar-actions[b-k2hil0764t] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.btn-topbar[b-k2hil0764t] {
    margin-top: 8px;
    padding: 12px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    display: inline-flex;
    color: white;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}

    .btn-topbar:hover[b-k2hil0764t] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-topbar:active[b-k2hil0764t] {
        transform: scale(0.98);
    }

    .btn-topbar:focus[b-k2hil0764t], .btn-topbar:active[b-k2hil0764t] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }

.link-topbar[b-k2hil0764t] {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .link-topbar:hover[b-k2hil0764t] {
        color: rgba(255, 255, 255, 0.9); 
        text-shadow: 0 0 8px rgba(168, 85, 247, 0.4);
    }

    .link-topbar:focus[b-k2hil0764t] {
        outline: none;
    }

/* HERO */
.hero[b-k2hil0764t] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px 80px;
    overflow: hidden;
    text-align: center;
}

.hero-glow[b-k2hil0764t] {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 700px;
    min-height: 470px;
    background: radial-gradient(ellipse, rgba(168,85,247,0.18) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-k2hil0764t] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 580px;
}

.eyebrow[b-k2hil0764t] {
    color: rgba(168,85,247,0.6);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 10px;
}

.hero-title[b-k2hil0764t] {
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 4px;
    color: rgba(255,255,255,0.9);
    margin: 0;
    line-height: 1.1;
}

.accent[b-k2hil0764t] {
    color: rgba(168,85,247,0.9);
}

.hero-sub[b-k2hil0764t] {
    color: rgba(255,255,255,0.9);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.7;
    margin: 0;
    max-width: 400px;
}

/* DOWNLOAD BUTTON */
.btn-download[b-k2hil0764t] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    padding: 14px 36px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

    .btn-download:hover[b-k2hil0764t] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-download:active[b-k2hil0764t] {
        transform: scale(0.98);
    }

.btn-icon[b-k2hil0764t] {
    font-size: 14px;
    opacity: 0.7;
}

/* RANKS */
.ranks-section[b-k2hil0764t] {
    padding: 48px 24px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    border-top: 1px solid rgba(168,85,247,0.08);
    border-bottom: 1px solid rgba(168,85,247,0.08);
}

.section-label[b-k2hil0764t] {
    color: rgba(168,85,247,0.5);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0;
}

.ranks-row[b-k2hil0764t] {
    display: flex;
    align-items: flex-end;
    gap: 32px;
    flex-wrap: wrap;
    justify-content: center;
}

/* LEVEL */
.xp-card[b-k2hil0764t] {
    width: 100%;
    max-width: 600px;
    padding: 18px 28px;
    background: #0D0F1A;
    border: 1px solid rgba(168,85,247,0.2);
    border-radius: 18px;
    box-shadow: 0 0 25px rgba(124,58,237,0.4);
}

.xp-header[b-k2hil0764t],
.xp-footer[b-k2hil0764t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.xp-header > div[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
}

.xp-right[b-k2hil0764t] {
    align-items: flex-end;
}

.xp-caption[b-k2hil0764t] {
    color: rgba(255,255,255,0.33);
    font-size: 11px;
    font-weight: 700;
}

.xp-dim[b-k2hil0764t] {
    color: rgba(255,255,255,0.27);
}

.xp-value[b-k2hil0764t] {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-top: 2px;
}

.xp-value-old[b-k2hil0764t] {
    color: rgba(255,255,255,0.4);
}

.xp-gain[b-k2hil0764t] {
    padding: 7px 16px;
    border: 1px solid rgba(168,85,247,0.33);
    border-radius: 14px;
    background: rgba(147,51,234,0.15);
    box-shadow: 0 0 16px rgba(168,85,247,0.45);
    color: #E9D5FF;
    font-size: 15px;
    font-weight: 700;
}

.xp-bar[b-k2hil0764t] {
    position: relative;
    height: 12px;
    margin: 16px 0 10px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(168,85,247,0.13);
    border-radius: 6px;
}

.xp-bar-current[b-k2hil0764t],
.xp-bar-previous[b-k2hil0764t] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
}

.xp-bar-current[b-k2hil0764t] {
    background: linear-gradient(to right, #9333EA, #D8B4FE);
    box-shadow: 0 0 14px rgba(168,85,247,0.6);
}

.xp-bar-previous[b-k2hil0764t] {
    background: #3E2478;
    border-right: 2px solid rgba(255,255,255,0.6);
}

@media (max-width: 600px) {
    .xp-card[b-k2hil0764t] {
        padding: 16px;
    }

    .xp-footer[b-k2hil0764t] {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.ranks-wrapper[b-k2hil0764t] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dev-badge[b-k2hil0764t] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 24px;
    border: 1px solid rgba(168,85,247,0.5);
    border-radius: 999px;
    background: rgba(5,5,16,0.85);
    color: #a855f7;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    white-space: nowrap;
    pointer-events: none;
}

.rank-item[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

    .rank-item img[b-k2hil0764t] {
        object-fit: contain;
        filter: grayscale(0.7) brightness(0.35);
    }

.rank-name[b-k2hil0764t] {
    color: rgba(255,255,255,0.15);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* STEPS */
.steps-section[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    padding: 24px 24px 0;
}

.steps-title[b-k2hil0764t] {
    color: #E6C36A;
    text-shadow: 0 0 18px rgba(230,195,106,0.3);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    max-width: 800px;
    margin: 0;
}

.steps[b-k2hil0764t] {
    /* Écart entre deux étapes : les flèches se placent au milieu */
    --steps-gap: 64px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: var(--steps-gap);
    width: 100%;
    max-width: 860px;
}

.step[b-k2hil0764t] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
}

.step-word[b-k2hil0764t] {
    color: rgba(255,255,255,0.9);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

.step-card[b-k2hil0764t] {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 6px;
    padding: 24px 20px;
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
}

.step-emoji[b-k2hil0764t] {
    font-size: 28px;
}

.step-desc[b-k2hil0764t] {
    color: rgba(255,255,255,0.4);
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

    .step-desc[b-k2hil0764t]::after {
        content: "";
        display: block;
        width: 48px;
        height: 2px;
        margin: 10px auto 0;
        border-radius: 1px;
        background: rgba(168,85,247,0.25);
    }

/* Flèche placée au milieu de l'écart, à mi-hauteur de la card */
.step-arrow[b-k2hil0764t] {
    position: absolute;
    top: 50%;
    left: calc(100% + var(--steps-gap) / 2);
    transform: translate(-50%, -50%);
    color: rgba(168,85,247,0.6);
    text-shadow: 0 0 12px rgba(168,85,247,0.6), 0 0 24px rgba(168,85,247,0.3);
    font-size: 40px;
    line-height: 1;
    pointer-events: none;
}

/* Mobile : la frise passe à la verticale */
@media (max-width: 640px) {
    .steps[b-k2hil0764t] {
        flex-direction: column;
        align-items: center;
    }

    .step[b-k2hil0764t] {
        flex: none;
        width: 100%;
        max-width: 320px;
    }

    /* La flèche passe sous la card et pointe vers le bas */
    .step-arrow[b-k2hil0764t] {
        top: calc(100% + var(--steps-gap) / 2);
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

/* FEATURES */
.features-section[b-k2hil0764t] {
    padding: 96px 24px 64px;
}

    /* Place pour 2 lignes : un titre qui passe à la ligne ne décale plus sa card */
    .features-section .step-word[b-k2hil0764t] {
        min-height: 60px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

@media (max-width: 640px) {
    .features-section .step-word[b-k2hil0764t] {
        min-height: 0;
    }
}

.title-white[b-k2hil0764t] {
    color: rgba(255,255,255,0.9);
    text-shadow: none;
}

/* CTA */
.cta[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 64px 24px 80px;
}

.cta-title[b-k2hil0764t] {
    color: rgba(255,255,255,0.5);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0;
}

/* DISCORD CARD */
.discord-card[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 400px;
    margin-top: 8px;
    padding: 16px;
    border-radius: var(--card-radius);
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(30,31,34,0.55);
    text-align: left;
}

.discord-heading[b-k2hil0764t] {
    color: #f2f3f5;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.discord-server[b-k2hil0764t] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.discord-icon[b-k2hil0764t] {
    flex-shrink: 0;
    filter: drop-shadow(0 0 10px rgba(168,85,247,0.35));
}

.discord-info[b-k2hil0764t] {
    flex: 1;
    min-width: 0;
}

.discord-name[b-k2hil0764t] {
    color: #f2f3f5;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.discord-status[b-k2hil0764t] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #b5bac1;
    font-size: 12px;
    margin: 4px 0 0 0;
}

.discord-dot[b-k2hil0764t] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #23a55a;
}

.discord-join[b-k2hil0764t] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #5865f2;
    color: white;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.1s ease;
}

    .discord-join:hover[b-k2hil0764t] {
        background: #4752c4;
        color: white;
    }

    .discord-join:active[b-k2hil0764t] {
        transform: scale(0.98);
    }

    .discord-join:focus[b-k2hil0764t] {
        outline: none;
    }

.discord-mark[b-k2hil0764t] {
    width: 18px;
    height: 18px;
}

@media (max-width: 420px) {
    .discord-card[b-k2hil0764t] {
        text-align: center;
    }

    .discord-server[b-k2hil0764t] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .discord-info[b-k2hil0764t] {
        flex: 0 0 auto;
    }

    .discord-join[b-k2hil0764t] {
        flex-basis: 100%;
        justify-content: center;
    }
}

.studies-section[b-k2hil0764t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 64px 24px;
}

.studies-title[b-k2hil0764t] {
    color: rgba(168,85,247,0.6);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 40px 0;
    text-align: center;
}

.studies-content[b-k2hil0764t] {
    max-width: 620px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.studies-text[b-k2hil0764t] {
    color: rgba(255,255,255,0.4);
    font-size: 15px;
    line-height: 1.8;
    font-weight: 500; 
    margin: 0;
}

.studies-link[b-k2hil0764t] {
    color: rgba(168,85,247,0.85);
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid rgba(168,85,247,0.4);
    transition: color 0.2s, border-color 0.2s;
}

    .studies-link:hover[b-k2hil0764t] {
        color: rgba(196,181,253,1);
        border-bottom-color: rgba(196,181,253,0.8);
    }
/* Évite deux bordures collées avec la section des divisions juste en dessous */
.level-section[b-k2hil0764t] {
    border-bottom: none;
}
/* _content/ExodusWebsite/Components/Pages/Login.razor.rz.scp.css */
.page[b-bdcjos1lmm] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.title[b-bdcjos1lmm] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-bdcjos1lmm] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-bdcjos1lmm] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}


.field[b-bdcjos1lmm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

    .field[b-bdcjos1lmm]  label {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-bdcjos1lmm]  .form-input {
        background: var(--input-bg);
        border: var(--input-border);
        border-radius: var(--input-radius);
        padding: var(--input-padding);
        color: rgba(165,180,252,0.85);
        font-size: 14px;
        outline: none;
        width: 100%;
    }

        .field[b-bdcjos1lmm]  .form-input:focus {
            border-color: var(--input-border-focus);
            background: var(--input-bg-focus);
        }

        .field[b-bdcjos1lmm]  .form-input:-webkit-autofill,
        .field[b-bdcjos1lmm]  .form-input:-webkit-autofill:hover,
        .field[b-bdcjos1lmm]  .form-input:-webkit-autofill:focus,
        .field[b-bdcjos1lmm]  .form-input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0px 1000px #191926 inset !important;
            -webkit-text-fill-color: rgba(165, 180, 252, 0.85) !important;
            transition: background-color 5000s ease-in-out 0s;
        }

.btn[b-bdcjos1lmm] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    /* Centre le loader (élément bloc) comme le texte, et fige la hauteur du
       bouton pour qu'il ne rétrécisse pas quand la barre remplace le libellé. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    .btn:hover[b-bdcjos1lmm] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-bdcjos1lmm] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-bdcjos1lmm], .btn:active[b-bdcjos1lmm] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }

.link-row[b-bdcjos1lmm] {
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    color: rgba(255,255,255,0.3);
}

    .link-row a[b-bdcjos1lmm] {
        color: rgba(165,180,252,0.7);
        text-decoration: none;
    }
/* _content/ExodusWebsite/Components/Pages/pricing.razor.rz.scp.css */
.pricing-page[b-k1dtu3smcq] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* REUSE DE TA TOPBAR HOME */
.top-bar[b-k1dtu3smcq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 32px;
}

.title[b-k1dtu3smcq] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
}

.topbar-actions[b-k1dtu3smcq] {
    display: flex;
    align-items: center;
    gap: 24px;
}

    .btn-topbar[b-k1dtu3smcq] {
    margin-top: 8px;
    padding: 12px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    display: inline-flex;
    color: white;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}

    .btn-topbar:hover[b-k1dtu3smcq] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-topbar:active[b-k1dtu3smcq] {
        transform: scale(0.98);
    }

    .btn-topbar:focus[b-k1dtu3smcq], .btn-topbar:active[b-k1dtu3smcq] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }

.link-topbar[b-k1dtu3smcq] {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .link-topbar:hover[b-k1dtu3smcq] {
        color: rgba(255, 255, 255, 0.9);
        text-shadow: 0 0 8px rgba(168, 85, 247, 0.4);
    }

    .link-topbar:focus[b-k1dtu3smcq] {
        outline: none;
    }

/* ZONE CONTENU AVEC EFFET GLOW REPRIS DE TA HOME */
.pricing-hero[b-k1dtu3smcq] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 24px 80px;
    flex-grow: 1;
}

/* CONTENEUR DES PANELS */
.pricing-container[b-k1dtu3smcq] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    max-width: 900px;
    width: 100%;
    margin-bottom: 48px;
}

/* STYLE DE LA CARD (Inspiré de tes feature-cards mais en plus grand) */
.pricing-card[b-k1dtu3smcq] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 40px 32px;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

    .pricing-card:hover[b-k1dtu3smcq] {
        border-color: rgba(168, 85, 247, 0.55);
        box-shadow: 0 0 40px rgba(168,85,247,0.25), 0 20px 40px rgba(0,0,0,0.4);
        transform: translateY(-4px);
    }

/* Distinction subtile pour la carte Pro */
/* La carte Pro doit rester plus marquée que les autres, maintenant qu'elles
   ont toutes la bordure et le glow par défaut. */
.pro-card[b-k1dtu3smcq] {
    border-color: rgba(168, 85, 247, 0.6);
    background: linear-gradient(180deg, var(--card-bg) 0%, rgba(168, 85, 247, 0.03) 100%);
}

/* EN-TÊTE DE LA CARTE */
.card-header[b-k1dtu3smcq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
}

.plan-name[b-k1dtu3smcq] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.plan-price[b-k1dtu3smcq] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 48px;
    font-weight: 900;
    letter-spacing: 1px;
}

.currency[b-k1dtu3smcq] {
    font-size: 24px;
    font-weight: 500;
    color: rgba(168, 85, 247, 0.6);
    margin-left: 2px;
}

/* LISTE DES FONCTIONNALITÉS */
.plan-features[b-k1dtu3smcq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

    .plan-features li[b-k1dtu3smcq] {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.4;
    }

/* Fonctionnalités incluses */
.feature-allowed[b-k1dtu3smcq] {
    color: rgba(255, 255, 255, 0.6);
}

/* Fonctionnalités Pro barrées en rouge doux */
.feature-disabled[b-k1dtu3smcq] {
    color: rgba(255, 255, 255, 0.2); /* Très estompé */
    text-decoration: line-through;
    /* Rouge désaturé et doux qui s'harmonise avec le thème sombre */
    text-decoration-color: rgba(239, 68, 68, 0.35);
}

/* BOUTON UPGRADE EN DESSOUS */
.pricing-action[b-k1dtu3smcq] {
    position: relative;
    z-index: 1;
}

.btn-upgrade[b-k1dtu3smcq] {
    display: inline-flex;
    align-items: center;
    padding: 14px 48px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

    .btn-upgrade:hover[b-k1dtu3smcq] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-upgrade:active[b-k1dtu3smcq] {
        transform: scale(0.98);
    }

    .btn-upgrade:focus[b-k1dtu3smcq] {
        outline: none;
    }
/* _content/ExodusWebsite/Components/Pages/Register.razor.rz.scp.css */
.page[b-6wvvrlpzj5] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.title[b-6wvvrlpzj5] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-6wvvrlpzj5] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-6wvvrlpzj5] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.field[b-6wvvrlpzj5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

    .field[b-6wvvrlpzj5]  label {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-6wvvrlpzj5]  .form-input {
        background: var(--input-bg);
        border: var(--input-border);
        border-radius: var(--input-radius);
        padding: var(--input-padding);
        color: rgba(165,180,252,0.85);
        font-size: 14px;
        outline: none;
        width: 100%;
    }

        .field[b-6wvvrlpzj5]  .form-input:focus {
            border-color: var(--input-border-focus);
            background: var(--input-bg-focus);
        }

        .field[b-6wvvrlpzj5]  .form-input:-webkit-autofill,
        .field[b-6wvvrlpzj5]  .form-input:-webkit-autofill:hover,
        .field[b-6wvvrlpzj5]  .form-input:-webkit-autofill:focus,
        .field[b-6wvvrlpzj5]  .form-input:-webkit-autofill:active {
            -webkit-box-shadow: 0 0 0px 1000px #191926 inset !important;
            -webkit-text-fill-color: rgba(165, 180, 252, 0.85) !important;
            transition: background-color 5000s ease-in-out 0s;
        }

.terms-field[b-6wvvrlpzj5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

.terms-label[b-6wvvrlpzj5] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: rgba(255,255,255,0.45);
    font-size: 12px;
    line-height: 1.4;
    cursor: pointer;
}

    .terms-label a[b-6wvvrlpzj5] {
        color: rgba(165,180,252,0.7);
        text-decoration: none;
    }

        .terms-label a:hover[b-6wvvrlpzj5] {
            text-decoration: underline;
        }

/* Case dessinée à la main : la case native est blanche et ne suit pas le thème. */
.terms-field[b-6wvvrlpzj5]  .terms-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin: 1px 0 0 0;
    flex-shrink: 0;
    cursor: pointer;
    background: var(--input-bg);
    border: var(--input-border);
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    /* app.css applique `outline: 1px solid #e50000` sur .invalid : trop dur ici,
       on garde le signal sur la bordure et sur le message. */
    outline: none !important;
}

    .terms-field[b-6wvvrlpzj5]  .terms-checkbox:hover {
        border-color: var(--input-border-focus);
        background-color: var(--input-bg-focus);
    }

    .terms-field[b-6wvvrlpzj5]  .terms-checkbox:focus-visible {
        border-color: var(--input-border-focus);
        box-shadow: 0 0 0 3px rgba(168,85,247,0.15);
    }

    .terms-field[b-6wvvrlpzj5]  .terms-checkbox:checked {
        background-color: rgba(168,85,247,0.18);
        border-color: var(--input-border-focus);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2 4.7 9 10 3.2' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    /* Même rouge que les messages de validation des autres champs (#e50000 dans app.css),
       mais porté par la bordure arrondie plutôt que par l'outline carré. */
    .terms-field[b-6wvvrlpzj5]  .terms-checkbox.invalid {
        border-color: #e50000;
        background-color: rgba(229,0,0,0.08);
    }

.btn[b-6wvvrlpzj5] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    /* Centre le loader (élément bloc) comme le texte, et fige la hauteur du
       bouton pour qu'il ne rétrécisse pas quand la barre remplace le libellé. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    .btn:hover[b-6wvvrlpzj5] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-6wvvrlpzj5] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-6wvvrlpzj5], .btn:active[b-6wvvrlpzj5] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }



.link-row[b-6wvvrlpzj5] {
    margin-top: 16px;
    text-align: center;
    font-size: 12px;
    color: rgba(255,255,255,0.3);
}

    .link-row a[b-6wvvrlpzj5] {
        color: rgba(165,180,252,0.7);
        text-decoration: none;
    }
/* _content/ExodusWebsite/Components/Pages/Report.razor.rz.scp.css */
.page[b-pt887h1hv3] {
    display: flex;
    flex-direction: column;
}

.title[b-pt887h1hv3] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-pt887h1hv3] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 24px 80px;
}

.card[b-pt887h1hv3] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 32px;
    width: 100%;
    max-width: 560px;
    display: flex;
    flex-direction: column;
}

.card-title[b-pt887h1hv3] {
    color: rgba(255,255,255,0.9);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px 0;
}

.card-sub[b-pt887h1hv3] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    margin: 0 0 28px 0;
}

.field[b-pt887h1hv3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 24px;
}

    .field[b-pt887h1hv3]  label {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-pt887h1hv3]  .form-input {
        background: var(--input-bg);
        border: var(--input-border);
        border-radius: var(--input-radius);
        padding: var(--input-padding);
        color: rgba(165,180,252,0.85);
        font-size: 14px;
        outline: none;
        width: 100%;
    }

        .field[b-pt887h1hv3]  .form-input:focus {
            border-color: var(--input-border-focus);
            background: var(--input-bg-focus);
        }

    .field[b-pt887h1hv3]  .form-textarea {
        min-height: 200px;
        resize: vertical;
        line-height: 1.6;
    }

.optional[b-pt887h1hv3] {
    color: rgba(255,255,255,0.25);
    font-weight: 400;
}

/* ---- Menu déroulant maison (le <select> natif n'est pas stylable) ---- */

.select[b-pt887h1hv3] {
    position: relative;
}

.select-trigger[b-pt887h1hv3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    background: var(--input-bg);
    border: var(--input-border);
    border-radius: var(--input-radius);
    padding: var(--input-padding);
    color: rgba(165,180,252,0.85);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

    .select-trigger:hover[b-pt887h1hv3],
    .select-trigger.open[b-pt887h1hv3] {
        border-color: var(--input-border-focus);
        background: var(--input-bg-focus);
    }

.select-placeholder[b-pt887h1hv3] {
    color: rgba(255,255,255,0.3);
}

.select-arrow[b-pt887h1hv3] {
    flex-shrink: 0;
    width: 11px;
    height: 8px;
    fill: none;
    stroke: rgba(165,180,252,0.7);
    stroke-width: 1.6;
    stroke-linecap: round;
    transition: transform 0.2s ease;
}

.select-trigger.open .select-arrow[b-pt887h1hv3] {
    transform: rotate(180deg);
}

/* Couvre la page pour capter le clic "à côté" qui referme le menu. */
.select-backdrop[b-pt887h1hv3] {
    position: fixed;
    inset: 0;
    z-index: 10;
}

.select-menu[b-pt887h1hv3] {
    position: absolute;
    z-index: 11;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px;
    border-radius: var(--input-radius);
    background: #12142B;
    border: 1px solid rgba(168,85,247,0.35);
    box-shadow: 0 0 24px rgba(168,85,247,0.18), 0 16px 32px rgba(0,0,0,0.55);
    animation: menu-in-b-pt887h1hv3 0.12s ease-out;
}

@keyframes menu-in-b-pt887h1hv3 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
}

.select-option[b-pt887h1hv3] {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

    .select-option:hover[b-pt887h1hv3] {
        background: rgba(168,85,247,0.14);
        color: rgba(165,180,252,0.95);
    }

    .select-option.selected[b-pt887h1hv3] {
        background: rgba(168,85,247,0.08);
        color: rgba(165,180,252,0.95);
    }

/* Le "?" sous un champ : déplie le texte qui explique où trouver l'info. */
.hint-toggle[b-pt887h1hv3] {
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 0;
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.35);
    font-size: 11px;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .hint-toggle:hover[b-pt887h1hv3] {
        color: rgba(165,180,252,0.85);
    }

.hint-mark[b-pt887h1hv3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.5);
    color: rgba(168,85,247,0.9);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.hint-text[b-pt887h1hv3] {
    margin: 4px 0 0 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(168,85,247,0.06);
    border: 1px solid rgba(168,85,247,0.18);
    color: rgba(255,255,255,0.55);
    font-size: 12px;
    line-height: 1.7;
}

.auto-note[b-pt887h1hv3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -8px 0 24px 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(168,85,247,0.06);
    border: 1px solid rgba(168,85,247,0.18);
    color: rgba(255,255,255,0.55);
    font-size: 12px;
    line-height: 1.6;
}

.captcha[b-pt887h1hv3] {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    /* Réserve la place du widget (300x65) pour que le bouton ne saute pas
       quand Turnstile s'affiche. */
    min-height: 65px;
}

.btn[b-pt887h1hv3] {
    /* Le bouton est dans le <form> rendu par EditForm, pas dans le flex de .card :
       on le centre avec des marges auto plutôt qu'avec align-self.
       Flex à l'intérieur pour centrer le loader, largeur explicite pour que les
       marges auto continuent de centrer le bouton, hauteur figée pour qu'il ne
       rétrécisse pas quand la barre remplace le libellé. */
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 40px;
    margin: 8px auto 0;
    padding: 12px 48px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

    .btn:hover[b-pt887h1hv3] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-pt887h1hv3] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-pt887h1hv3], .btn:active[b-pt887h1hv3] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }

    .btn:disabled[b-pt887h1hv3] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.error-message[b-pt887h1hv3] {
    color: rgba(255,80,80,0.85);
    font-size: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255,80,80,0.08);
    border: 1px solid rgba(255,80,80,0.2);
}
/* _content/ExodusWebsite/Components/Pages/ResetPassword.razor.rz.scp.css */
.page[b-oqv5q0fu3d] {
    display: flex;
    flex-direction: column;
}

.title[b-oqv5q0fu3d] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-oqv5q0fu3d] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 24px;
}

.card[b-oqv5q0fu3d] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.field[b-oqv5q0fu3d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 18px;
}

    .field label[b-oqv5q0fu3d] {
        color: rgba(255,255,255,0.45);
        font-size: 9px;
        font-weight: 700;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .field[b-oqv5q0fu3d]  .form-input:-webkit-autofill,
    .field[b-oqv5q0fu3d]  .form-input:-webkit-autofill:hover,
    .field[b-oqv5q0fu3d]  .form-input:-webkit-autofill:focus,
    .field[b-oqv5q0fu3d]  .form-input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px #191926 inset !important;
        -webkit-text-fill-color: rgba(165, 180, 252, 0.85) !important;
        transition: background-color 5000s ease-in-out 0s;
    }

.form-input[b-oqv5q0fu3d] {
    background: var(--input-bg);
    border: var(--input-border);
    border-radius: var(--input-radius);
    padding: var(--input-padding);
    color: rgba(165,180,252,0.85);
    font-size: 14px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

    .form-input:focus[b-oqv5q0fu3d] {
        border-color: var(--input-border-focus);
        background: var(--input-bg-focus);
    }

.btn[b-oqv5q0fu3d] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    /* Centre le loader (élément bloc) comme le texte, et fige la hauteur du
       bouton pour qu'il ne rétrécisse pas quand la barre remplace le libellé. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

    .btn:hover[b-oqv5q0fu3d] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-oqv5q0fu3d] {
        transform: scale(0.98);
    }

    .btn:disabled[b-oqv5q0fu3d] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.error-message[b-oqv5q0fu3d] {
    color: rgba(255,80,80,0.85);
    font-size: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255,80,80,0.08);
    border: 1px solid rgba(255,80,80,0.2);
}

.success-message[b-oqv5q0fu3d] {
    color: rgba(80,220,130,0.85);
    font-size: 12px;
    text-align: center;
    margin-bottom: 12px;
    padding: 10px;
    border-radius: 8px;
    background: rgba(80,220,130,0.08);
    border: 1px solid rgba(80,220,130,0.2);
}

.input-wrapper[b-oqv5q0fu3d] {
    position: relative;
    display: flex;
    align-items: center;
}

    .input-wrapper .form-input[b-oqv5q0fu3d] {
        padding-right: 40px; 
    }

.btn-eye[b-oqv5q0fu3d] {
    position: absolute;
    right: 10px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 14px;
    opacity: 0.5;
    transition: opacity 0.2s;
    padding: 0;
}

    .btn-eye:hover[b-oqv5q0fu3d] {
        opacity: 1;
    }
/* _content/ExodusWebsite/Components/Pages/Success/AccountDeleted.razor.rz.scp.css */
.title[b-4s588khg2x] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-4s588khg2x] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-4s588khg2x] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Rouge plutôt que violet : c'est l'aboutissement de la danger zone. */
.icon[b-4s588khg2x] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: var(--danger-border);
    background: var(--danger-bg);
    color: rgba(255,220,220,0.95);
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-4s588khg2x] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-4s588khg2x] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-4s588khg2x] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-4s588khg2x] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-4s588khg2x] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-4s588khg2x], .btn:active[b-4s588khg2x] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Success/EmailSended.razor.rz.scp.css */
.title[b-xx6kxhqp7f] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-xx6kxhqp7f] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-xx6kxhqp7f] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon[b-xx6kxhqp7f] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.1);
    color: rgba(168,85,247,0.9);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-xx6kxhqp7f] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-xx6kxhqp7f] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-xx6kxhqp7f] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-xx6kxhqp7f] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-xx6kxhqp7f] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-xx6kxhqp7f], .btn:active[b-xx6kxhqp7f] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Success/PasswordResetSuccess.razor.rz.scp.css */
.title[b-hvqhwopus0] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-hvqhwopus0] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-hvqhwopus0] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon[b-hvqhwopus0] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.1);
    color: rgba(168,85,247,0.9);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-hvqhwopus0] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-hvqhwopus0] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-hvqhwopus0] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-hvqhwopus0] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-hvqhwopus0] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-hvqhwopus0], .btn:active[b-hvqhwopus0] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Success/RegisterSuccess.razor.rz.scp.css */
.title[b-j0y844vggs] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-j0y844vggs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-j0y844vggs] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon[b-j0y844vggs] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.1);
    color: rgba(168,85,247,0.9);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-j0y844vggs] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-j0y844vggs] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-j0y844vggs] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-j0y844vggs] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-j0y844vggs] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-j0y844vggs], .btn:active[b-j0y844vggs] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Success/ReportSuccess.razor.rz.scp.css */
.title[b-ceuthgkld2] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-ceuthgkld2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-ceuthgkld2] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon[b-ceuthgkld2] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.1);
    color: rgba(168,85,247,0.9);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-ceuthgkld2] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-ceuthgkld2] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-ceuthgkld2] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-ceuthgkld2] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-ceuthgkld2] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-ceuthgkld2], .btn:active[b-ceuthgkld2] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Success/Verified.razor.rz.scp.css */
.title[b-4e5yx4ljpe] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 32px;
}

.card-wrapper[b-4e5yx4ljpe] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 100px 24px;
}

.card[b-4e5yx4ljpe] {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-glow);
    padding: 30px 24px;
    width: 100%;
    max-width: 500px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon[b-4e5yx4ljpe] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.1);
    color: rgba(168,85,247,0.9);
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.success-title[b-4e5yx4ljpe] {
    color: rgba(255,255,255,0.85);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}

.success-message[b-4e5yx4ljpe] {
    color: rgba(255,255,255,0.35);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 24px 0;
}

.btn[b-4e5yx4ljpe] {
    width: 100%;
    margin-top: 8px;
    padding: 11px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
}

    .btn:hover[b-4e5yx4ljpe] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn:active[b-4e5yx4ljpe] {
        transform: scale(0.98);
    }

    /* app.css impose un halo bleu sur .btn:focus (classe Bootstrap) : on garde le glow */
    .btn:focus[b-4e5yx4ljpe], .btn:active[b-4e5yx4ljpe] {
        outline: none !important;
        box-shadow: var(--btn-glow) !important;
    }
/* _content/ExodusWebsite/Components/Pages/Upgrade.razor.rz.scp.css */
.upgrade-page[b-oi1k6ds824] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Topbar reprise de la page pricing */
.top-bar[b-oi1k6ds824] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 32px 32px;
}

.title[b-oi1k6ds824] {
    color: rgba(255,255,255,0.5);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
}

.topbar-actions[b-oi1k6ds824] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.link-topbar[b-oi1k6ds824] {
    margin-top: 8px;
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

    .link-topbar:hover[b-oi1k6ds824] {
        color: rgba(255,255,255,0.9);
        text-shadow: 0 0 8px rgba(168,85,247,0.4);
    }

.upgrade-hero[b-oi1k6ds824] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 24px 80px;
    flex-grow: 1;
}

.soon-card[b-oi1k6ds824] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 560px;
    padding: 48px 40px;
    border-radius: var(--card-radius);
    border: var(--card-border);
    background: var(--card-bg);
    box-shadow: var(--card-glow);
}

.badge-soon[b-oi1k6ds824] {
    padding: 6px 16px;
    border-radius: 20px;
    border: 1px solid rgba(168,85,247,0.4);
    background: rgba(168,85,247,0.12);
    color: rgba(168,85,247,0.9);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.soon-title[b-oi1k6ds824] {
    margin: 24px 0 0;
    color: white;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
}

    .soon-title:focus[b-oi1k6ds824] {
        outline: none;
    }

.soon-text[b-oi1k6ds824] {
    margin: 16px 0 0;
    max-width: 420px;
    color: rgba(165,180,252,0.85);
    font-size: 14px;
    line-height: 1.6;
}

    .soon-text.muted[b-oi1k6ds824] {
        color: rgba(255,255,255,0.35);
        font-size: 13px;
    }

.btn-back[b-oi1k6ds824] {
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
    padding: 14px 40px;
    border-radius: var(--btn-radius);
    border: var(--btn-border);
    background: var(--btn-bg);
    box-shadow: var(--btn-glow);
    color: white;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
}

    .btn-back:hover[b-oi1k6ds824] {
        background: var(--btn-bg-hover);
        box-shadow: var(--btn-glow-hover);
    }

    .btn-back:active[b-oi1k6ds824] {
        transform: scale(0.98);
    }
/* _content/ExodusWebsite/Components/Shared/BreathingBar.razor.rz.scp.css */
/* Loader respirant — CSS isolé du composant BreathingBar.

   Le nom des @keyframes n'est pas réécrit par l'isolation CSS de Blazor :
   il reste global. D'où le préfixe, pour éviter toute collision.

   Hors Blazor, ce fichier fonctionne tel quel dans une feuille de style
   classique : rien ici ne dépend de l'isolation. */

.breathing-bar[b-qq7lsy0c3z] {
    position: relative;
    width: var(--bb-w, 340px);
    max-width: 100%;
    height: var(--bb-thick, 3px);
    --bb-r: calc(var(--bb-thick, 3px) / 2);
}

.breathing-bar__half[b-qq7lsy0c3z] {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.breathing-bar__half--right[b-qq7lsy0c3z] { left: 50%; }

/* La moitié gauche rejoue la même animation, retournée horizontalement */
.breathing-bar__half--left[b-qq7lsy0c3z] { right: 50%; transform: scaleX(-1); }

.breathing-bar__seg[b-qq7lsy0c3z] {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--bb-color, #A855F7);
    will-change: clip-path;
    /* La demi-durée suffit : alternate rejoue le trajet à l'envers */
    animation: breathing-bar-breathe-b-qq7lsy0c3z calc(var(--bb-dur, 2.3s) / 2) linear infinite alternate;
}

/* Premier inset : bord extérieur. Second : bord intérieur.
   Le bord extérieur atteint l'extrémité à 63,1 % et s'y arrête ; le bord
   intérieur poursuit seul sa compression jusqu'au demi-tour.
   Coins intérieurs à 0 tant que les deux moitiés se touchent, sinon elles
   se pinceraient au centre.
   L'easing sinusoïdal est échantillonné dans les valeurs, d'où le timing
   linear : une courbe appliquée par intervalle créerait un micro-arrêt à
   chaque keyframe. */
@keyframes breathing-bar-breathe-b-qq7lsy0c3z {
    0%     { clip-path: inset(0 92.00% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    5%     { clip-path: inset(0 91.19% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    10%    { clip-path: inset(0 88.78% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    15%    { clip-path: inset(0 84.84% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    20%    { clip-path: inset(0 79.45% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    25%    { clip-path: inset(0 72.75% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    30%    { clip-path: inset(0 64.91% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    35%    { clip-path: inset(0 56.12% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    40.3%  { clip-path: inset(0 46.00% 0 0      round 0 var(--bb-r) var(--bb-r) 0); }
    45%    { clip-path: inset(0 36.57% 0  4.96% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    50%    { clip-path: inset(0 26.29% 0 12.93% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    55%    { clip-path: inset(0 16.01% 0 22.31% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    60%    { clip-path: inset(0  5.98% 0 32.46% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    63.1%  { clip-path: inset(0 0      0 38.91% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    65%    { clip-path: inset(0 0      0 42.85% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    70%    { clip-path: inset(0 0      0 53.00% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    75%    { clip-path: inset(0 0      0 62.44% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    80%    { clip-path: inset(0 0      0 70.77% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    85%    { clip-path: inset(0 0      0 77.64% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    90%    { clip-path: inset(0 0      0 82.77% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    95%    { clip-path: inset(0 0      0 85.93% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
    100%   { clip-path: inset(0 0      0 87.00% round var(--bb-r) var(--bb-r) var(--bb-r) var(--bb-r)); }
}

@media (prefers-reduced-motion: reduce) {
    .breathing-bar__seg[b-qq7lsy0c3z] { animation-duration: calc(var(--bb-dur, 2.3s) * 2); }
}