/* ══ Connexion / Inscription : même univers que la nouvelle page d'accueil ══ */
:root{--ease:cubic-bezier(.2,.8,.2,1)}
body{background:#0a0a0c}
.cx-bg{inset:-3%!important;background:#0a0a0c url('accueil_fond.webp') center/cover no-repeat!important;filter:none!important;animation:authKb 30s ease-in-out infinite alternate}
@keyframes authKb{from{transform:scale(1.04)}to{transform:scale(1.12) translate(-10px,-6px)}}
.cx-bg-ov{background:radial-gradient(ellipse 95% 80% at 50% 45%,rgba(10,10,12,.05),rgba(10,10,12,.5) 65%,rgba(10,10,12,.88) 100%),radial-gradient(ellipse 620px 380px at 50% 100%,rgba(217,31,31,.24),transparent 70%)!important}
.cx-page{align-items:center!important;justify-content:center!important;padding:112px 24px 40px!important}
.cx-top-logo{position:absolute!important;top:26px!important;left:50%!important;transform:translateX(-50%)!important;animation:authFade 1s var(--ease) both}
@keyframes authFade{from{opacity:0}to{opacity:1}}
.cx-top-logo img{height:62px!important;width:auto;filter:drop-shadow(0 0 22px rgba(200,26,26,.45))!important}
.cx-back{position:absolute;top:30px;left:28px;z-index:11;font-family:'Barlow Condensed',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);display:inline-flex;align-items:center;gap:8px;transition:color .2s,gap .2s}
.cx-back:hover{color:#fff;gap:11px}
/* carte en verre */
.cx-card{border:1px solid rgba(255,72,72,.55)!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 45%,rgba(10,10,12,.72))!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 40px rgba(217,31,31,.28),0 30px 70px -30px rgba(0,0,0,.9)!important;animation:authRise .9s var(--ease) .1s both}
@keyframes authRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.cx-card-head{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.cx-card-eyebrow{color:#ff6a6a!important}
.cx-card-title{text-shadow:0 2px 18px rgba(0,0,0,.5)}
.cx-card-sub{color:rgba(255,255,255,.6)!important}
.fl{color:rgba(255,255,255,.62)!important}
.fg:focus-within .fl{color:#ff6a6a!important}
.fi{background:rgba(10,10,12,.55)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;color-scheme:dark;border-radius:10px!important}
.fi:focus{border-color:#ff4a4a!important;box-shadow:0 0 0 3px rgba(217,31,31,.22)!important}
.fi::placeholder{color:rgba(255,255,255,.32)!important}
.pw-toggle{color:rgba(255,255,255,.45)!important}.pw-toggle:hover{color:#ff6a6a!important}
.btn{background:#d91f1f!important;border-radius:10px!important;box-shadow:0 0 26px rgba(217,31,31,.5)!important}
.btn:hover:not(:disabled){background:#e82525!important;box-shadow:0 0 38px rgba(217,31,31,.8)!important}
.lien-bas{color:rgba(255,255,255,.6)!important}
.lien-bas a,.mention a{color:#ff6a6a!important}
.lien-bas a:hover,.mention a:hover{opacity:1;color:#fff!important}
.mention{color:rgba(255,255,255,.45)!important}
.err{background:rgba(217,31,31,.14)!important;border-color:rgba(255,72,72,.45)!important;color:#ffb4b4!important}
.info{background:rgba(46,196,100,.12)!important}
/* inscription */
.prix-bloc{background:rgba(217,31,31,.1)!important;border-color:rgba(255,72,72,.4)!important;border-radius:14px!important}
.prix-n{color:#ff4a4a!important}.prix-devise{color:rgba(255,106,106,.85)!important}
.prix-badge{background:rgba(217,31,31,.2)!important;border-color:rgba(255,72,72,.45)!important;color:#ffb4b4!important}
.prix-l{color:rgba(255,255,255,.6)!important}.prix-item{color:rgba(255,255,255,.72)!important}.prix-item strong{color:#fff!important}
.retract-group{background:rgba(10,10,12,.45)!important;border-color:rgba(255,255,255,.18)!important;border-radius:12px!important}
.retract-txt{color:rgba(255,255,255,.62)!important}
.ferme-bloc,.confirm-info{background:rgba(10,10,12,.45)!important;border-radius:12px!important}
.ferme-sous,.confirm-sous{color:rgba(255,255,255,.62)!important}
.btn-retour{border-color:rgba(255,72,72,.35)!important;color:rgba(255,255,255,.65)!important;border-radius:9px!important}
#embers{position:fixed;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}
@media(max-width:700px){.cx-back{left:16px;top:22px;font-size:.72rem}.cx-top-logo img{height:50px!important}.cx-page{padding:96px 16px 32px!important}#embers{display:none}}
@media(prefers-reduced-motion:reduce){.cx-bg,.cx-card,.cx-top-logo{animation:none!important}#embers{display:none}}