:root {
    --bg-grad-1: 255, 255, 255;
    --bg-grad-2: 240, 244, 255;
    --glass: 255, 255, 255;
    --text: 18, 23, 31;
    --muted: 102, 112, 133;
    --primary: 56, 97, 251; /* bleu principal */
    --shadow: 15, 23, 42;
    --card-max: 420px;
    --logo-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAiCAYAAADF5S4gAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGfWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTA5LTI0VDEyOjEyOjQyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTA5LTI0VDEyOjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wOS0yNFQxMjoxMjo0MiswMjowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpiYzFkNjI2ZS1hYTA0LTI2NDMtOGVlOS1kMzNiYTA5M2VlODUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxOGFlYWMxYS1jODEzLTJlNGEtYjgxMS1jOTEwN2Y0MjZlM2QiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZmJmOGQxYy0zMTIxLTNiNGUtOWE0Ni1hNDljM2FkZTZhNjEiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjlmYmY4ZDFjLTMxMjEtM2I0ZS05YTQ2LWE0OWMzYWRlNmE2MSIgc3RFdnQ6d2hlbj0iMjAyNS0wOS0yNFQxMjoxMjo0MiswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiYzFkNjI2ZS1hYTA0LTI2NDMtOGVlOS1kMzNiYTA5M2VlODUiIHN0RXZ0OndoZW49IjIwMjUtMDktMjRUMTI6MTI6NDIrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPHBob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHJkZjpCYWc+IDxyZGY6bGk+eG1wLmRpZDo1MzYyRTcwRkQ1Mjc2ODExODcxRkEzMzQ5MTI3NEM3RTwvcmRmOmxpPiA8L3JkZjpCYWc+IDwvcGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppadl3IAABKlSURBVGiB1Zp5fFXVtce/55w735vcm5uEzAHCGGZMEQFxQCptobY8J5TBCbHWirV9tVq1H6w+W6W1zva1vOqzfGwVUaqC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');
}


@media (prefers-color-scheme: dark) {
    :root {
        --bg-grad-1: 8, 12, 20;
        --bg-grad-2: 20, 24, 36;
        --glass: 15, 18, 24;
        --text: 235, 240, 255;
        --muted: 156, 163, 175;
        --primary: 93, 135, 255;
        --shadow: 0, 0, 0;
    }
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    font: 16px/1.5 system-ui,Segoe UI,Roboto,Arial;
    color: rgb(var(--text));
    background: radial-gradient(1200px 800px at 10% -10%, rgba(var(--primary), .08), transparent 60%), radial-gradient(1000px 600px at 120% 30%, rgba(var(--primary), .06), transparent 60%), linear-gradient(180deg, rgba(var(--bg-grad-1),1), rgba(var(--bg-grad-2),1));
}

.logoAGI {
    background-image: var(--logo-image);
    width: 86px;
    height: 34px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.wrap {
    min-height: 100%;
    display: grid;
    place-items: center;
    padding: 6vh 16px;
}

.card {
    width: 100%;
    max-width: var(--card-max);
    background: linear-gradient(180deg, rgba(var(--glass), .82), rgba(var(--glass), .78));
    backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--text), .06);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(var(--shadow), .20),0 60px 100px -40px rgba(var(--shadow), .35);
    padding: 28px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

    .brand svg {
        width: 34px;
        height: 34px;
    }

    .brand .name {
        font-weight: 700;
    }

h1 {
    font-size: 24px;
    margin: 6px 0 2px;
}

.sub {
    color: rgb(var(--muted));
    font-size: 14px;
    margin-bottom: 18px;
}

form {
    display: grid;
    gap: 14px;
}

.field {
    display: grid;
    gap: 6px;
}

label {
    font-size: 14px;
    font-weight: 600;
}

.control {
    position: relative;
}

input[type="email"],
input[type="password"],
input[type="text"] {
    width: 100%;
    border: 1px solid rgba(var(--text), .16);
    background: rgba(var(--glass), .65);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 16px;
    color: rgb(var(--text));
}

input:focus {
    border-color: rgba(var(--primary), .55);
    box-shadow: 0 0 0 4px rgba(var(--primary), .15);
}

.toggle-pass {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgb(var(--muted));
}

.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

    .row a {
        color: rgb(var(--primary));
        text-decoration: none;
    }

.checkbox {
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn {
    cursor: pointer;
    width: 100%;
    border: none;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(var(--primary), .95), rgba(var(--primary), .86));
    color: white;
    box-shadow: 0 8px 20px rgba(var(--primary), .35);
}

.divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    color: rgb(var(--muted));
}

    .divider::before, .divider::after {
        content: "";
        height: 1px;
        background: rgba(var(--text), .15);
    }

.sso {
    display: grid;
    gap: 10px;
}

    .sso button {
        border: 1px solid rgba(var(--text), .16);
        background: rgba(var(--glass), .65);
        padding: 10px 14px;
        border-radius: 12px;
        cursor: pointer;
        font-weight: 600;
    }

.footer {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: rgb(var(--muted));
}

.bg {
    position: fixed;
    inset: 0;
    z-index: -1;
}

.blob {
    position: absolute;
    filter: blur(70px);
    opacity: .5;
    border-radius: 999px;
    background: rgba(var(--primary), .25);
}

    .blob.a {
        width: 42vmax;
        height: 42vmax;
        left: -10vmax;
        top: -6vmax;
    }

    .blob.b {
        width: 38vmax;
        height: 38vmax;
        right: -8vmax;
        bottom: -6vmax;
    }