/* atlas-club.html · section « Proposer une offre » (#proposer : .ac-pf-card, .ac-pf-step, .ac-pf-tab, .ac-pf-sec, .ac-pf-badge), accordéon conditions (.l2-acc.ac-trust : .ac-trust-item, .ac-trust-foot) et CTA final (.cta-final). Additif à atlas-club.css / atlas-lot2.css.
   Bordure dégradée qui s'allume, lumière au pointeur + relief 3D (--mx/--my/--rx/--ry par atlas-propose-premium.js), pastilles avec anneau, aurores, cascade. Couleurs de texte inchangées. */
:root{--ppr-ease:cubic-bezier(.22,1,.36,1)}
@keyframes pprRing{0%{transform:scale(.85);opacity:0}30%{opacity:.9}100%{transform:scale(1.5);opacity:0}}
@keyframes pprSheenFast{0%{left:-45%;opacity:0}20%{opacity:1}100%{left:140%;opacity:0}}
@keyframes pprSwatch{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes pprBob{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes pprAurora{to{transform:rotate(360deg)}}
@keyframes pprIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.ppr-light{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(37,99,235,.09),rgba(249,115,22,.03) 55%,transparent 72%)}
.ppr-sheen{position:absolute;z-index:0;top:-25%;bottom:-25%;left:-45%;width:32%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(37,99,235,.1),transparent);transform:skewX(-18deg);opacity:0}
body.atlas-dark .ppr-light{background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(147,197,253,.15),transparent 72%)}
body.atlas-dark .ppr-sheen{background:linear-gradient(100deg,transparent,rgba(190,215,255,.16),transparent)}
/* ══ PROPOSER · cartes gauche/droite ══ */
#proposer .ac-pf-grid{perspective:1500px}
#proposer .ac-pf-card,#proposer .ac-pf-right{isolation:isolate;overflow:hidden;border-color:transparent!important;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.82)) padding-box,linear-gradient(135deg,rgba(37,99,235,.3),rgba(226,232,240,.9) 50%,rgba(249,115,22,.22)) border-box!important;transform-style:preserve-3d;transition:transform .5s var(--ppr-ease),box-shadow .5s,background .5s!important}
#proposer .ac-pf-card:hover,#proposer .ac-pf-right:hover{background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.9)) padding-box,linear-gradient(135deg,rgba(37,99,235,.8),rgba(96,165,250,.35) 50%,rgba(249,115,22,.7)) border-box!important;box-shadow:0 38px 80px -34px rgba(37,99,235,.4)!important}
#proposer .ac-pf-card:hover{transform:translateY(-3px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important}
#proposer .ac-pf-card:hover .ppr-light,#proposer .ac-pf-right:hover .ppr-light{opacity:1}
#proposer .ac-pf-card:hover .ppr-sheen{animation:pprSheenFast 1s var(--ppr-ease) forwards}
#proposer .ac-pf-card>:not(.ppr-light):not(.ppr-sheen),#proposer .ac-pf-right>:not(.ppr-light):not(.ppr-sheen){position:relative;z-index:1}
#proposer .ac-pf-card h3::after{content:'';display:block;width:26px;height:2px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,#2563eb,#f97316);transition:width .5s var(--ppr-ease)}
#proposer .ac-pf-card:hover h3::after{width:64px}
/* étapes : rail qui s'illumine, pastilles qui pulsent en relais */
#proposer .ac-pf-steps::after{content:'';position:absolute;left:16px;top:16px;width:2px;height:24%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(96,165,250,.95),transparent);animation:pprRail 6s cubic-bezier(.45,0,.2,1) infinite}
@keyframes pprRail{0%{top:6%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:78%;opacity:0}}
#proposer .ac-pf-step-n{position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .45s}
#proposer .ac-pf-step-n::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(37,99,235,.4);opacity:0;animation:pprRing 3.6s ease-in-out infinite;pointer-events:none}
#proposer .ac-pf-step:nth-child(2) .ac-pf-step-n::after{animation-delay:1.2s}#proposer .ac-pf-step:nth-child(3) .ac-pf-step-n::after{animation-delay:2.4s}
#proposer .ac-pf-step:hover .ac-pf-step-n{transform:scale(1.06) rotate(-6deg);box-shadow:0 12px 26px -10px rgba(37,99,235,.7)}
#proposer .ac-pf-step h4{transition:color .3s}
#proposer .ac-pf-step:hover h4{color:var(--blue-b)}
/* badge de validation */
#proposer .ac-pf-badge{position:relative;overflow:hidden;border-color:transparent!important;background:linear-gradient(rgba(37,99,235,.07),rgba(37,99,235,.07)) padding-box,linear-gradient(135deg,rgba(37,99,235,.45),rgba(96,165,250,.2) 50%,rgba(249,115,22,.35)) border-box!important;animation:pprBob 7s ease-in-out infinite}
#proposer .ac-pf-badge::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);animation:pprSwatch 5s ease-in-out infinite}
#proposer .ac-pf-badge>*{position:relative;z-index:1}
#proposer .ac-pf-badge svg{animation:pprPulseS 2.6s ease-in-out infinite}
@keyframes pprPulseS{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
/* onglets */
#proposer .ac-pf-tabs{border-color:transparent!important;background:linear-gradient(rgba(37,99,235,.06),rgba(37,99,235,.06)) padding-box,linear-gradient(135deg,rgba(37,99,235,.28),rgba(226,232,240,.8) 50%,rgba(249,115,22,.2)) border-box!important}
#proposer .ac-pf-tab{position:relative;overflow:hidden;transition:transform .35s var(--ppr-ease),color .3s,background .35s,box-shadow .35s}
#proposer .ac-pf-tab:hover{transform:translateY(-2px)}
#proposer .ac-pf-tab::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(37,99,235,.14) 50%,transparent 70%);transform:translateX(-120%);opacity:0}
#proposer .ac-pf-tab.active::after{opacity:1;animation:pprSwatch 4.5s ease-in-out infinite}
#proposer .ac-pf-tab svg{position:relative;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
#proposer .ac-pf-tab:hover svg{transform:scale(1.06) rotate(-8deg)}
/* onglets · thème sombre : la bordure dégradée claire (rgba(226,232,240,.8)) et le fond blanc
   de l'onglet actif venaient du thème clair et gagnaient par spécificité (#proposer). */
body.atlas-dark #proposer .ac-pf-tabs{background:linear-gradient(rgba(10,20,48,.72),rgba(8,16,40,.72)) padding-box,linear-gradient(135deg,rgba(96,165,250,.42),rgba(147,197,253,.18) 50%,rgba(251,146,60,.3)) border-box!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -18px rgba(0,0,0,.8)}
body.atlas-dark #proposer .ac-pf-tab{color:#c2d4f2}
body.atlas-dark #proposer .ac-pf-tab:hover{color:#fff;background:rgba(96,165,250,.1)}
body.atlas-dark #proposer .ac-pf-tab:focus-visible{outline:2px solid rgba(147,197,253,.8);outline-offset:2px}
body.atlas-dark #proposer .ac-pf-tab.active{background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(59,130,246,.72));color:#fff;box-shadow:inset 0 0 0 1px rgba(191,219,254,.5),0 10px 24px -12px rgba(37,99,235,.7)}
body.atlas-dark #proposer .ac-pf-tab.active svg{stroke:#fff}
body.atlas-dark #proposer .ac-pf-tab::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%)}
/* en-têtes de section du formulaire */
#proposer .ac-pf-sec-ic{position:relative;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}
#proposer .ac-pf-sec-ic::after{content:'';position:absolute;inset:-4px;border-radius:inherit;border:1.5px solid rgba(37,99,235,.35);opacity:0;animation:pprRing 3.6s ease-in-out infinite;pointer-events:none}
#proposer .ac-pf-sec:nth-of-type(2) .ac-pf-sec-ic::after{animation-delay:1.2s}#proposer .ac-pf-sec:nth-of-type(3) .ac-pf-sec-ic::after{animation-delay:2.4s}
#proposer .ac-pf-sec:hover .ac-pf-sec-ic{transform:rotate(-6deg) scale(1.08);box-shadow:0 12px 24px -10px rgba(37,99,235,.5)}
#proposer .ac-pf-ctrl{transition:border-color .3s,box-shadow .3s,transform .3s}
#proposer .ac-pf-ctrl:focus-within{transform:translateY(-1px);box-shadow:0 12px 28px -16px rgba(37,99,235,.5)}
/* ══ ACCORDÉON CONDITIONS ══ */
.l2-acc.ac-trust{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.3),rgba(226,232,240,.9) 50%,rgba(249,115,22,.22)) border-box!important;transition:background .45s,box-shadow .45s}
.l2-acc.ac-trust:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,rgba(37,99,235,.75),rgba(96,165,250,.3) 50%,rgba(249,115,22,.6)) border-box!important;box-shadow:0 24px 52px -30px rgba(37,99,235,.4)}
body.atlas-dark .l2-acc.ac-trust{background:linear-gradient(rgba(12,22,52,.9),rgba(12,22,52,.9)) padding-box,linear-gradient(135deg,rgba(96,165,250,.35),rgba(96,165,250,.08) 50%,rgba(255,138,60,.25)) border-box!important}
.l2-acc.ac-trust .l2-acc-sum{position:relative;overflow:hidden;transition:background .35s,letter-spacing .35s}
.l2-acc.ac-trust .l2-acc-sum::before{box-shadow:0 0 12px rgba(30,86,216,.7)}
.l2-acc.ac-trust .l2-acc-sum:hover{background:rgba(37,99,235,.05)}
/* cartes conditions */
.ac-trust-card{isolation:isolate;overflow:hidden;border-color:transparent!important;background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.8)) padding-box,linear-gradient(135deg,rgba(37,99,235,.28),rgba(226,232,240,.9) 50%,rgba(249,115,22,.2)) border-box!important}
.ac-trust-card .ppr-aurora{position:absolute;z-index:0;left:50%;top:50%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 18%,rgba(37,99,235,.1) 32%,transparent 46%,transparent 58%,rgba(249,115,22,.08) 72%,transparent 86%);filter:blur(44px);animation:pprAurora 40s linear infinite}
.ac-trust-grid{position:relative;z-index:1}
.ac-trust-item{isolation:isolate;border-radius:18px;transition:transform .4s var(--ppr-ease),background .4s!important}
.ac-trust-item:hover{background:rgba(37,99,235,.035)}
.ac-trust-item:hover .ppr-light{opacity:1}
.ac-trust-item>:not(.ppr-light){position:relative;z-index:1}
.ac-trust-ico{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.ac-trust-item:hover .ac-trust-ico{transform:translateY(-3px) scale(1.06)}
.ac-trust-num{position:relative;transition:box-shadow .45s,transform .45s cubic-bezier(.34,1.56,.64,1)}
.ac-trust-num::after{content:'';position:absolute;inset:-5px;border-radius:inherit;border:1.5px solid currentColor;opacity:0;animation:pprRing 3.6s ease-in-out infinite;pointer-events:none}
.ac-trust-item:nth-child(2) .ac-trust-num::after{animation-delay:.9s}.ac-trust-item:nth-child(3) .ac-trust-num::after{animation-delay:1.8s}.ac-trust-item:nth-child(4) .ac-trust-num::after{animation-delay:2.7s}
.ac-trust-item:hover .ac-trust-num{transform:rotate(-6deg) scale(1.08)}
.ac-trust-disc{transition:transform .5s var(--ppr-ease),box-shadow .45s}
.ac-trust-item:hover .ac-trust-disc{transform:rotate(6deg) scale(1.05)}
.ac-trust-item h4{transition:color .3s}
.ac-trust-item.c-blue:hover h4{color:var(--blue-b)}
.ac-trust-item.c-cyan:hover h4{color:#0891b2}
.ac-trust-item.c-orange:hover h4{color:var(--orange-d,#ea580c)}
.ac-trust-item h4::after{content:'';display:block;width:0;height:2px;margin:8px auto 0;border-radius:2px;background:linear-gradient(90deg,#2563eb,#f97316);transition:width .5s var(--ppr-ease)}
.ac-trust-item:hover h4::after{width:44px}
.ac-trust-grid.reveal.visible .ac-trust-item,.ac-trust-item.reveal.visible{animation:pprIn .7s var(--ppr-ease) both}
.ac-trust-item:nth-child(2).reveal.visible{animation-delay:.08s}.ac-trust-item:nth-child(3).reveal.visible{animation-delay:.16s}.ac-trust-item:nth-child(4).reveal.visible{animation-delay:.24s}
/* pied « confiance & équité » */
.ac-trust-foot{isolation:isolate;overflow:hidden;border-color:transparent!important;background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.8)) padding-box,linear-gradient(135deg,rgba(37,99,235,.3),rgba(226,232,240,.9) 50%,rgba(249,115,22,.24)) border-box!important;transition:transform .45s var(--ppr-ease),box-shadow .45s,background .45s}
.ac-trust-foot:hover{transform:translateY(-4px);background:linear-gradient(rgba(255,255,255,.96),rgba(255,255,255,.9)) padding-box,linear-gradient(135deg,rgba(37,99,235,.8),rgba(96,165,250,.35) 50%,rgba(249,115,22,.7)) border-box!important;box-shadow:0 30px 64px -30px rgba(37,99,235,.4)}
.ac-trust-foot:hover .ppr-light{opacity:1}
.ac-trust-foot>:not(.ppr-light){position:relative;z-index:1}
.ac-trust-badge{animation:pprBob 6s ease-in-out infinite;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.ac-trust-foot:hover .ac-trust-badge{transform:scale(1.08) rotate(-6deg)}
.ac-trust-foot-ic{position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.ac-trust-foot-ic::after{content:'';position:absolute;inset:-5px;border-radius:inherit;border:1.5px solid rgba(37,99,235,.3);opacity:0;animation:pprRing 3.8s ease-in-out infinite;pointer-events:none}
.ac-trust-foot:hover .ac-trust-foot-ic{transform:rotate(6deg) scale(1.06)}
body.atlas-dark .ac-trust-card,body.atlas-dark .ac-trust-foot{background:linear-gradient(rgba(12,22,52,.9),rgba(12,22,52,.85)) padding-box,linear-gradient(135deg,rgba(96,165,250,.35),rgba(96,165,250,.08) 50%,rgba(255,138,60,.25)) border-box!important}
body.atlas-dark .ac-trust-foot:hover{background:linear-gradient(rgba(14,26,60,.96),rgba(14,26,60,.9)) padding-box,linear-gradient(135deg,rgba(96,165,250,.9),rgba(96,165,250,.3) 50%,rgba(255,138,60,.7)) border-box!important}
body.atlas-dark .ac-trust-item:hover{background:rgba(96,165,250,.06)}
body.atlas-dark .ac-trust-item.c-blue:hover h4{color:#93c5fd}
body.atlas-dark .ac-trust-item.c-cyan:hover h4{color:#67e8f9}
body.atlas-dark .ac-trust-item.c-orange:hover h4{color:#fdba74}
body.atlas-dark #proposer .ac-pf-card,body.atlas-dark #proposer .ac-pf-right{background:linear-gradient(rgba(12,22,52,.9),rgba(12,22,52,.85)) padding-box,linear-gradient(135deg,rgba(96,165,250,.35),rgba(96,165,250,.08) 50%,rgba(255,138,60,.25)) border-box!important}
body.atlas-dark #proposer .ac-pf-card:hover,body.atlas-dark #proposer .ac-pf-right:hover{background:linear-gradient(rgba(14,26,60,.96),rgba(14,26,60,.9)) padding-box,linear-gradient(135deg,rgba(96,165,250,.9),rgba(96,165,250,.3) 50%,rgba(255,138,60,.7)) border-box!important}
body.atlas-dark #proposer .ac-pf-step:hover h4{color:#93c5fd}
/* ══ CTA FINAL ══ */
/* overflow contenu : l'aurore (150 % de large) débordait sous le pied de page et créait une zone vide */
.cta-final{isolation:isolate;overflow:hidden}
.cta-final .ppr-aurora{position:absolute;z-index:0;left:50%;top:50%;width:130%;aspect-ratio:1;margin:-65% 0 0 -65%;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 16%,rgba(37,99,235,.16) 30%,transparent 44%,transparent 56%,rgba(249,115,22,.12) 70%,transparent 84%);filter:blur(60px);animation:pprAurora 46s linear infinite}
.cta-final .container{position:relative;z-index:1}
.cta-final-halo{animation:pprHalo 10s ease-in-out infinite}
@keyframes pprHalo{0%,100%{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-52%) scale(1.08)}}
.cta-final-kicker{position:relative;overflow:hidden}
.cta-final-kicker::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(147,197,253,.3) 50%,transparent 70%);transform:translateX(-120%);animation:pprSwatch 5s ease-in-out infinite}
.cta-final-btns .btn-primary,.cta-final-btns .btn-secondary{position:relative;overflow:hidden}
.cta-final-btns .btn-primary::after,.cta-final-btns .btn-secondary::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-120%);animation:pprSwatch 4.5s ease-in-out infinite}
.cta-final-btns .btn-secondary::after{animation-delay:.8s;background:linear-gradient(110deg,transparent 30%,rgba(147,197,253,.2) 50%,transparent 70%)}
.cta-final-btns .btn-primary svg{transition:transform .4s var(--ppr-ease)}
.cta-final-btns .btn-primary:hover svg{transform:translateX(4px)}
/* ══ accessibilité / mobile ══ */
@media(hover:none){.ppr-light,.ppr-sheen{display:none}#proposer .ac-pf-card:hover,.ac-trust-foot:hover{transform:none}}
@media(max-width:720px){.ac-trust-card .ppr-aurora,.cta-final .ppr-aurora{filter:blur(34px);animation-duration:80s}}
@media(prefers-reduced-motion:reduce){#proposer .ac-pf-steps::after,#proposer .ac-pf-step-n::after,#proposer .ac-pf-badge,#proposer .ac-pf-badge::after,#proposer .ac-pf-badge svg,#proposer .ac-pf-tab.active::after,#proposer .ac-pf-sec-ic::after,.ppr-sheen,.ac-trust-card .ppr-aurora,.ac-trust-num::after,.ac-trust-badge,.ac-trust-foot-ic::after,.ac-trust-item.reveal.visible,.cta-final .ppr-aurora,.cta-final-halo,.cta-final-kicker::after,.cta-final-btns .btn-primary::after,.cta-final-btns .btn-secondary::after{animation:none!important}#proposer .ac-pf-card:hover,.ac-trust-foot:hover,.ac-trust-item:hover{transform:none!important}}