:root{--match-auth-background:url('/assets/images/la-cite-campus-hero-v2.jpg');--match-auth-overlay:linear-gradient(90deg,rgba(1,17,28,.86) 0%,rgba(1,20,29,.70) 36%,rgba(2,28,29,.32) 70%,rgba(1,19,28,.22) 100%)}
/* Fond canonique partagé par toutes les expériences d'authentification MATCH. */
dialog.auth-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(18px,4vw,48px);border:0;border-radius:0;background-color:#071c2f;background-image:var(--match-auth-overlay),var(--match-auth-background);background-size:cover;background-repeat:no-repeat;background-position:center 49%;overflow:auto;color:#071127}
dialog.auth-dialog[open]{display:grid;place-items:center}
dialog.auth-dialog::backdrop{background:#071c2f}
dialog.auth-dialog .auth-card{position:relative;z-index:1;width:min(560px,calc(100vw - 30px));max-height:calc(100dvh - 36px);overflow:auto;background:rgba(255,255,255,.975);border:1px solid rgba(255,255,255,.82);box-shadow:0 30px 90px rgba(0,0,0,.34);backdrop-filter:blur(7px)}
.verification-page{min-height:100svh;background-color:#071c2f;background-image:var(--match-auth-overlay),var(--match-auth-background);background-size:cover;background-repeat:no-repeat;background-position:center 49%;background-attachment:fixed}
.verification-card{background:rgba(255,255,255,.975);border-color:rgba(255,255,255,.82);box-shadow:0 30px 90px rgba(0,0,0,.30);backdrop-filter:blur(7px)}
.login-layer{background-color:#071c2f!important;background-image:var(--match-auth-overlay),var(--match-auth-background)!important;background-size:cover!important;background-repeat:no-repeat!important;background-position:center 49%!important}
.login-card{background:rgba(255,255,255,.975);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(7px)}
@media(max-width:900px){dialog.auth-dialog,.verification-page,.login-layer{background-position:48% center!important;background-image:linear-gradient(180deg,rgba(0,18,29,.70) 0%,rgba(0,22,31,.34) 38%,rgba(0,20,24,.36) 62%,rgba(0,13,19,.72) 100%),var(--match-auth-background)!important}}
@media(max-width:560px){dialog.auth-dialog{padding:15px}.verification-page{padding:15px}.login-layer{padding:15px}dialog.auth-dialog .auth-card{width:100%;max-height:calc(100dvh - 30px)}}