:root{--nuit:#10121d;--panneau:#191c2b;--panneau-2:#222639;--ligne:rgba(240,239,247,.08);--craie:#f0eff7;--brume:#8b8fa8;--p1:#ff5964;--p2:#3edbc1;--p1-fonce:#47202a;--p2-fonce:#16393a;--font-display:"Anton",sans-serif;--font-body:"Space Grotesk",sans-serif;--biseau:12px;--radius:14px;--page-max:1080px}*{box-sizing:border-box}body,html{background:var(--nuit);color:var(--craie);font-family:var(--font-body);font-size:16px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;margin:0;text-transform:uppercase}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body)}:focus-visible{outline:2px solid var(--p2);outline-offset:2px}.conteneur{margin:0 auto;max-width:var(--page-max);padding:0 20px}.titre-section{align-items:baseline;display:flex;font-size:1.35rem;gap:12px;margin:40px 0 16px}.titre-section:before{background:linear-gradient(105deg,var(--p1) 48%,var(--p2) 52%);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%);content:"";height:14px;transform:translateY(1px);width:22px}.bouton{background:var(--panneau-2);border:0;border-radius:10px;color:var(--craie);font-size:.95rem;font-weight:700;padding:12px 20px;transition:transform .12s ease,background .12s ease}.bouton:hover{background:#2a2f47;transform:translateY(-1px)}.bouton--p1{background:var(--p1);color:#1c0b0e}.bouton--p1:hover{background:#ff707a}.bouton--p2{background:var(--p2);color:#062421}.bouton--p2:hover{background:#5fe4cd}.champ{background:var(--nuit);border:1px solid var(--ligne);border-radius:10px;color:var(--craie);font-family:var(--font-body);font-size:1rem;padding:12px 14px;width:100%}.champ:focus{border-color:var(--p2);outline:none}.score{font-family:var(--font-display);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}