.porte-page{background:var(--papier);min-height:100vh}.porte{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100vh;display:grid}.porte-recit{background:var(--encre);color:#e9ebe7;flex-direction:column;justify-content:center;gap:2.2rem;padding:clamp(2rem,6vw,5rem) clamp(1.5rem,5vw,4.5rem);display:flex}.porte-recit .marque{color:#fff}.porte-titre{max-width:22ch;font:400 clamp(1.9rem, 3.4vw, 2.9rem) / 1.12 var(--titre);letter-spacing:-.015em;color:#fff;margin:0}.porte-etapes{counter-reset:etape;border-left:1px solid #4b535c;gap:.9rem;max-width:34rem;margin:0;padding:0;list-style:none;display:grid}.porte-etapes li{counter-increment:etape;color:#b9bfb8;padding-left:2.4rem;font-size:.92rem;position:relative}.porte-etapes li:before{content:counter(etape);background:var(--encre);width:1.6rem;height:1.6rem;font:700 .8rem/1 var(--marque);color:#fff;border:1px solid #78808a;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:-.8rem}.porte-etapes b{color:#fff;font-weight:600;display:block}.porte-formulaire{place-items:center;padding:2rem 1.25rem;display:grid}.porte-carte{width:min(380px,100%)}.porte-carte h1{margin-bottom:1.3rem}.porte-carte button{justify-content:center;width:100%;min-height:2.5rem;margin-top:.3rem}.porte-carte .aide{margin:1rem 0 0}@media (width<=800px){.porte{grid-template-columns:1fr}.porte-recit{gap:1.25rem}.porte-etapes{display:none}}