.hp{--gold:#f1c40f;--txt:#eef3ef;--mut:#9cb0a5;position:relative;overflow:hidden;color:var(--txt);margin:0 0 22px;border-radius:22px;padding:22px 26px 18px;background:radial-gradient(90% 140% at 0 0,#1c4a33 0,#0f2219 55%,#09130e 100%);box-shadow:inset 0 0 0 1px rgba(241,196,15,.4),0 0 40px rgba(241,196,15,.15)}.hp:before{content:"⚽";position:absolute;right:-30px;top:-40px;font-size:13rem;opacity:.07;pointer-events:none}.hp a{color:inherit}.hp-haut{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:22px;gap:22px;align-items:center}.hp-grand{font:900 clamp(4.2rem,9vw,7rem)/.85 var(--f-titre,system-ui);letter-spacing:.04em;color:transparent;-webkit-text-stroke:2px var(--gold);text-shadow:0 0 28px rgba(241,196,15,.25)}.hp-titre{margin:0;font:900 clamp(1.4rem,3.2vw,2rem)/1.02 var(--f-titre,system-ui);letter-spacing:-.02em;text-transform:uppercase;color:var(--txt)}.hp-lead{margin:8px 0 0;font-weight:600;color:#dfe9e3}.hp-ligne{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:12px}.hp-btn{background:var(--gold);color:#1a1500!important;border-radius:12px;padding:11px 18px;font-weight:800;text-decoration:none!important;white-space:nowrap}.hp-btn:hover{filter:brightness(1.08)}.hp-info{font-weight:800;display:inline-flex;gap:6px;align-items:center}.hp-info i{width:10px;height:10px;border-radius:50%;background:#ed4245;box-shadow:0 0 0 4px rgba(237,66,69,.25)}.hp-etapes{position:relative;margin-top:18px;border-radius:20px;padding:18px 20px 16px;background:linear-gradient(160deg,#0f2219,#0a140f);border:1px solid rgba(241,196,15,.35);overflow:hidden}.hp-etapes:before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(241,196,15,.25);filter:blur(30px);pointer-events:none}.hp-onglets{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.hp-onglets button{position:relative;display:grid;justify-items:center;grid-gap:6px;gap:6px;background:none;border:0;padding:0;font:800 .95rem var(--f-texte,inherit);color:#8fb09f;cursor:pointer}.hp-onglets button:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:10px}.hp-onglets em{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#0a140f;border:2px solid #24402f;color:#8fb09f;position:relative;z-index:1;transition:box-shadow .2s}.hp-onglets button.on{color:var(--gold)}.hp-onglets button.on em{background:var(--gold);border-color:var(--gold);color:#1a1500;box-shadow:0 0 0 6px rgba(241,196,15,.15),0 0 26px rgba(241,196,15,.7)}.hp-onglets button:not(:last-child):before{content:"";position:absolute;left:50%;right:-50%;top:18px;height:3px;background:#24402f}.hp-onglets button.on:not(:last-child):before{background:linear-gradient(90deg,var(--gold),#24402f)}.hp-texte{position:relative;border-left:4px solid var(--gold);padding:4px 0 4px 14px;color:#dfe9e3;font-size:1.02rem;line-height:1.5;min-height:3em}.hp-texte a,.hp-texte b{color:var(--gold)}.hp-texte a{text-decoration:underline}@media(max-width:760px){.hp{padding:16px 14px 14px;border-radius:18px}.hp-haut{grid-template-columns:1fr;gap:4px}.hp-grand{-webkit-text-stroke-width:1.6px}.hp-etapes{padding:14px}.hp-onglets button{font-size:.75rem}.hp-btn{display:block;width:100%;text-align:center}.hp-ligne{display:grid}}