.portail{--pp-encre:#211b31;--pp-encre-douce:#5d5577;--pp-encre-legende:#726b7d;--pp-violet:#7353da;--pp-violet-profond:#6040c5;--pp-lien:#6240bd;--pp-violet-clair:#8a7bc8;--pp-contour:#d7d0ed;--pp-contour-survol:#b4a8de;--pp-separateur:#ecebf3;--pp-teinte:#f3eefa;--pp-teinte-forte:#ebe6f7;--pp-nuit:#251347;--pp-lilas:#ac8cff;--pp-titre:var(--font-geist), "Inter Tight", Inter, system-ui, sans-serif;--pp-surtitre:var(--font-inter-tight), Inter, system-ui, sans-serif;--pp-texte:var(--font-inter), system-ui, -apple-system, sans-serif;--pp-ombre:0 1px 2px #1c15300d, 0 14px 34px -20px #281c5438;border:1px solid var(--pp-contour);max-width:1060px;box-shadow:var(--pp-ombre);color:var(--pp-encre);font-family:var(--pp-texte);background:#fff;border-radius:28px;margin:0 auto;padding:clamp(1.25rem,4.5vw,3.5rem);font-size:1rem;line-height:1.65}.portail *{min-width:0}.portail p{margin:0}.portail a{text-decoration:none}.portail a:focus-visible,.portail summary:focus-visible{outline:3px solid var(--pp-violet);outline-offset:5px}.portail svg{flex:none}.portail__oeil{color:var(--pp-violet);font-family:var(--pp-surtitre);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:650;line-height:1.55;display:flex}.portail__oeil svg{width:1rem;height:1rem}.portail :is(h1,h2,h3){color:var(--pp-encre);font-family:var(--pp-titre);text-wrap:balance}.portail h1{letter-spacing:-.05em;max-width:19ch;margin:1rem 0 1.25rem;font-size:clamp(2.125rem,5vw,3.375rem);font-weight:650;line-height:1.04}.portail h1 span{color:var(--pp-violet)}.portail h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:650;line-height:1.15}.portail h3{letter-spacing:-.015em;font-weight:600;line-height:1.3}.portail__intro{max-width:62ch;color:var(--pp-encre-douce);font-size:1.0625rem;line-height:1.75}.portail__section{margin-top:3.5rem;scroll-margin-top:8rem}.portail__entete{margin-bottom:1.5rem}.portail__entete>p{max-width:65ch;color:var(--pp-encre-douce);margin-top:.75rem}.portail__entete>.portail__oeil{color:var(--pp-violet);margin:0 0 .625rem}.portail__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem;display:flex}.portail__bouton{background:linear-gradient(135deg, #7858dc 0%, var(--pp-violet-profond) 100%);color:#fff;min-height:3rem;font-family:var(--pp-titre);border-radius:13px;justify-content:center;align-items:center;gap:.5625rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:650;line-height:1.4;transition:box-shadow .16s;display:inline-flex;box-shadow:0 12px 28px -17px #5b37bee6}.portail__bouton:hover{box-shadow:0 15px 32px -16px #5b37bee6}.portail__bouton svg,.portail__lien svg{width:1rem;height:1rem}.portail__lien{color:var(--pp-lien);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.portail__lien:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:640px){.portail{box-shadow:none;border:0;border-radius:0;padding:2rem 1.25rem 3rem}.portail__section{margin-top:2.75rem}}@media (prefers-reduced-motion:reduce){.portail__bouton{transition:none}}@media (max-width:700px){.portail__lien{position:relative}.portail__lien:after{content:"";position:absolute;inset:-12px -4px}}
