.hp-card{margin-bottom:.5rem}.hp-glyph{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.hp-b.on .hp-glyph{stroke:var(--accent)}.hp-wrap{max-width:900px;margin:0 auto;padding:3rem 1.25rem 5rem}#hp-root>*{opacity:0;transform:translateY(14px)}#hp-root.hp-in>*{animation:hpUp .7s cubic-bezier(.2,.7,.3,1) forwards}#hp-root.hp-in>*:nth-child(1){animation-delay:.02s}#hp-root.hp-in>*:nth-child(2){animation-delay:.12s}#hp-root.hp-in>*:nth-child(3){animation-delay:.2s}#hp-root.hp-in>*:nth-child(4){animation-delay:.28s}#hp-root.hp-in>*:nth-child(5){animation-delay:.36s}@keyframes hpUp{to{opacity:1;transform:none}}.hp-hero{position:relative;margin-bottom:2rem}.hp-hero:before{content:"";position:absolute;inset:-12% -6% -18%;background:radial-gradient(60% 60% at 22% 50%,var(--hp-glow, rgba(0,229,176,.28)),transparent 70%);filter:blur(46px);z-index:0;pointer-events:none}.hp-badge{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--border);box-shadow:0 30px 80px #0000008c}.hp-r-recrue{--hp-glow: rgba(100,116,139,.3)}.hp-r-operateur{--hp-glow: rgba(14,165,233,.3)}.hp-r-chasseur{--hp-glow: rgba(0,229,176,.32)}.hp-r-elite{--hp-glow: rgba(168,85,247,.32)}.hp-r-legende{--hp-glow: rgba(245,158,11,.34)}.hp-bar-wrap{margin-bottom:2.25rem}.hp-bar{height:8px;border-radius:99px;overflow:hidden;background:#ffffff12;border:1px solid var(--border)}.hp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#5eead4);box-shadow:0 0 18px #00e5b099;animation:hpFill 1.4s cubic-bezier(.2,.8,.25,1) .35s both}@keyframes hpFill{0%{width:0}}.hp-bar-l{display:flex;justify-content:space-between;margin-top:.5rem;font-family:monospace;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hp-bar-l span:first-child{color:var(--accent);font-weight:700}.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:3rem}.hp-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1rem;text-align:center}.hp-stat b{display:block;font-size:1.75rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hp-stat span{font-size:.875rem;color:var(--text-muted);font-family:monospace;text-transform:uppercase;letter-spacing:.1em}@media(max-width:640px){.hp-grid{grid-template-columns:repeat(2,1fr)}}.hp-sec{margin-bottom:3rem}.hp-h{font-size:.875rem;font-family:monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 1.1rem}.hp-p{font-size:1rem;color:var(--text-muted);line-height:1.7;margin:0 0 1.25rem;max-width:46rem}.hp-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:720px){.hp-badges{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.hp-badges{grid-template-columns:1fr}}.hp-b{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem;position:relative;overflow:hidden;opacity:.45;filter:grayscale(1);transition:transform .25s ease,border-color .25s ease}.hp-b.on{opacity:1;filter:none;border-color:#00e5b066;animation:hpPop .5s cubic-bezier(.2,.9,.3,1.3) var(--d, 0ms) both}.hp-b.on:hover{transform:translateY(-3px);border-color:var(--accent)}.hp-b.on:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(0,229,176,.14) 50%,transparent 60%);transform:translate(-100%);animation:hpSheen 3.2s ease-in-out var(--d, 0ms) infinite}@keyframes hpPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes hpSheen{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}.hp-b-ic{font-size:1.3125rem;color:var(--accent);margin-bottom:.5rem}.hp-b-n{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.hp-b-h{font-size:.875rem;color:var(--text-muted);line-height:1.5}.hp-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.hp-btn{padding:.7rem 1.35rem;background:var(--accent);color:#080d1a;border:1px solid var(--accent);border-radius:8px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.hp-btn:hover{filter:brightness(1.08);text-decoration:none}.hp-ghost{background:transparent;color:var(--accent)}.hp-ghost:hover{background:#00e5b01a}.hp-meta{font-size:.875rem;color:var(--text-muted);font-family:monospace;margin:0}.hp-ok{color:var(--accent)}.hp-loading{color:var(--text-muted);font-family:monospace;font-size:1rem}.hp-empty{text-align:center;padding:4rem 1rem}.hp-empty-h{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.6rem}.hp-empty-p{font-size:1rem;color:var(--text-muted);margin-bottom:1.75rem}@media(prefers-reduced-motion:reduce){#hp-root.hp-in>*,.hp-b.on{animation:none;opacity:1;transform:none}.hp-bar i{animation:none}.hp-b.on:after{animation:none;display:none}}