/* ChainLab — dernière finition des pages publiques */

body.cl-auth-page .cl-auth-card {
    border-color: #dfe8fa;
    box-shadow:
        0 20px 54px rgba(31,73,151,.065),
        0 3px 10px rgba(31,73,151,.025);
    transition: box-shadow .2s ease;
}

body.cl-auth-page .cl-auth-intro h1 {
    text-wrap: balance;
}

body.cl-auth-page .cl-auth-intro p {
    max-width: 570px;
    line-height: 1.68;
}

body.cl-auth-page .cl-auth-card form input {
    border-color: #cfddf4;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body.cl-auth-page .cl-auth-card form input:hover {
    border-color: #afc7ee;
}

body.cl-auth-page .cl-auth-card form input:focus-visible {
    border-color: #5263f4;
    box-shadow: 0 0 0 3px rgba(82,99,244,.13);
}

body.cl-auth-page .cl-auth-card form button[type="submit"] {
    box-shadow: 0 7px 18px rgba(57,96,217,.11);
    transition: filter .18s ease, box-shadow .18s ease;
}

body.cl-auth-page .cl-auth-card form button[type="submit"]:hover {
    filter: brightness(1.045);
    box-shadow: 0 9px 22px rgba(57,96,217,.17);
}

body.cl-auth-page .cl-auth-card a:focus-visible,
body.cl-auth-page .cl-auth-card button:focus-visible {
    outline: 3px solid rgba(70,97,240,.42);
    outline-offset: 3px;
}

@media (min-width: 901px) {
    body.cl-auth-page .cl-auth-grid {
        column-gap: clamp(52px,5.2vw,100px);
    }

    body.cl-auth-page .cl-auth-card {
        border-radius: 23px;
    }

    body.cl-auth-page .cl-auth-card .login-header p,
    body.cl-auth-page .cl-auth-card .card p {
        line-height: 1.6;
    }
}

@media (min-width: 901px) and (max-height: 740px) {
    body.cl-auth-page .cl-main {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    body.cl-auth-page .cl-auth-card {
        padding-top: 22px;
        padding-bottom: 22px;
    }

    body.cl-page-register .cl-auth-card form label {
        margin-top: 9px;
    }
}

@media (max-width: 900px) {
    body.cl-auth-page .cl-auth-grid {
        row-gap: 26px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.cl-auth-page .cl-auth-card,
    body.cl-auth-page .cl-auth-card form input,
    body.cl-auth-page .cl-auth-card form button[type="submit"] {
        transition: none;
    }
}