.hp-page{--blue-50:#eaf3fc;--blue-100:#d3e6f8;--blue-200:#a8ccf0;--blue-300:#74aae4;--blue-400:#3f86d6;--blue-500:#2570c4;--blue-600:#1867b8;--blue-700:#11528f;--blue-800:#0e3f6e;--blue-900:#0b2b4b;--ink-900:#0d1b2f;--ink-800:#16273c;--ink-700:#2b3a4f;--ink-600:#3f4e63;--ink-500:#5b6b7f;--ink-400:#8696a8;--ink-300:#b7c2ce;--ink-200:#dce3ec;--ink-100:#e6ecf3;--ink-50:#f4f7fb;--surface-tint:#eaf3fc;--border-strong:#dce3ec;--green-50:#eafbf2;--green-500:#1f8a5b;--green-600:#167049;--amber-bg:#fdeeda;--amber-500:#e27100;--amber-text:#9c4d00;position:relative;color:var(--ink-700)}.hp-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hp-content{position:relative;z-index:1}.hp-page h1,.hp-page h2,.hp-page h3{color:var(--ink-900)}.hp-page a{color:var(--blue-600);text-decoration:none}.hp-page a:hover{color:var(--blue-700)}.hp-cta-primary{transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,background .16s}.hp-cta-primary:hover{background:var(--blue-700);color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 26px rgba(24,103,184,.32)}.hp-cta-outline{transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,border-color .16s,color .16s}.hp-cta-outline:hover{border-color:var(--blue-400);color:var(--blue-700);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 22px rgba(13,27,47,.14)}.hp-cta-ghost{transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,background .16s,border-color .16s,color .16s}.hp-cta-ghost:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 14px 28px rgba(24,103,184,.32)}.hp-cta-invert{transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,background .16s}.hp-cta-invert:hover{background:var(--blue-50);color:var(--blue-700);transform:translateY(-2px) scale(1.02);box-shadow:0 12px 26px rgba(13,27,47,.24)}.hp-cta-dyn a,.hp-cta-dyn button{transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,filter .16s,background .16s,border-color .16s}.hp-cta-dyn a:hover,.hp-cta-dyn button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px rgba(13,27,47,.22);filter:brightness(1.05)}.hp-cta-dyn a:active,.hp-cta-dyn button:active{transform:translateY(0) scale(.98)}.hp-cta-xl a,.hp-cta-xl button{padding:18px 34px!important;font-size:18.5px!important;font-weight:700!important;border-radius:18px!important;transition:transform .16s cubic-bezier(.22,.7,.25,1),box-shadow .16s,background .16s,border-color .16s!important}.hp-cta-xl a:hover,.hp-cta-xl button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 30px rgba(24,103,184,.3)}.hp-cta-xl a:active,.hp-cta-xl button:active{transform:translateY(-1px) scale(.99)}.hp-profil-onglet{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid var(--ink-200);background:rgba(255,255,255,.7);color:var(--ink-800);border-radius:16px;padding:14px 18px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.hp-profil-onglet:hover{border-color:var(--blue-400);transform:translateX(3px)}.hp-profil-onglet[aria-pressed=true]{background:var(--blue-600);border-color:var(--blue-600);color:#fff;transform:translateX(6px)}.hp-school-result{transition:background .12s}.hp-school-result:hover{background:var(--blue-50)}.hp-close:hover{background:var(--ink-100)}.hp-reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .7s cubic-bezier(.22,.7,.25,1),transform .7s cubic-bezier(.22,.7,.25,1)}.hp-reveal.hp-seen{opacity:1;transform:none}.hp-mosq{width:100%;aspect-ratio:1;border-radius:22%;background:var(--blue-600);opacity:0;animation:hp-mosaique 4.8s ease-in-out infinite}@keyframes hp-derive1{0%{transform:translate(-2vw,-2vh) scale(1) rotate(0deg)}to{transform:translate(5vw,5vh) scale(1.15) rotate(8deg)}}@keyframes hp-derive2{0%{transform:translate(2vw,1vh) scale(1.1)}to{transform:translate(-5vw,-4vh) scale(.95)}}@keyframes hp-flotte{0%{transform:translateY(-18px)}to{transform:translateY(18px)}}@keyframes hp-rotor{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes hp-pulse{0%{transform:scale(.92);opacity:.65}to{transform:scale(1.12);opacity:1}}@keyframes hp-reflet{0%{background-position:120% 0}to{background-position:-60% 0}}@keyframes hp-mosaique{0%,to{opacity:0;transform:scale(.25)}18%,58%{opacity:1;transform:scale(1)}78%{opacity:0;transform:scale(.25)}}@keyframes hp-flechebas{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.hp-reveal{opacity:1;transform:none;transition:none}.hp-mosq,.hp-page [style*=animation]{animation:none!important}}