.page-referral-hbibi{--referral-signal:var(--hhm-signal,#66f4dd);--referral-violet:var(--hhm-violet-bright,#c084fc);--tarifs-card-accent:var(--referral-violet);max-width:1180px;color:var(--hhm-ink,#f1f5f9);padding-top:clamp(2rem,5vw,4rem);padding-bottom:4rem}.page-referral-hbibi *,.referral-upsell-teaser *{box-sizing:border-box}.page-referral-hbibi h1{letter-spacing:-.035em;margin:1rem 0 1.4rem;font-size:clamp(2rem,4.3vw,3.6rem);line-height:1.12}.page-referral-hbibi h1 span{color:var(--referral-signal)}.page-referral-hbibi h2{margin:.7rem 0 1rem;font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.25}.page-referral-hbibi h3{font-size:1.08rem;line-height:1.4}.page-referral-hbibi p{line-height:1.65}.referral-hero{grid-template:"intro price""explainer price"1fr/minmax(0,1fr) minmax(0,440px);align-items:start;gap:2rem clamp(2rem,4vw,4rem);display:grid}.referral-intro{grid-area:intro;min-width:0;padding-top:1.5rem}.referral-kicker{color:var(--referral-signal,#66f4dd);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.79rem;font-weight:700;display:flex}.referral-lead{color:var(--hhm-mute,#c2ccd7);max-width:58ch;font-size:1.08rem}.referral-mascot{object-fit:contain;width:min(100%,320px);height:auto;margin:1.5rem auto 0;display:block}.referral-intro .referral-mascot{width:min(100%,220px)}.referral-hero>.referral-price{grid-area:price}.referral-hero>.referral-explainer{grid-area:explainer;min-width:0;margin-top:0}.referral-hero .referral-steps{grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.25rem 0 0}.referral-hero .referral-steps h3{margin:.5rem 0}.referral-hero .referral-steps p{margin:.4rem 0 0}.referral-card{background:radial-gradient(at 100% 0,#9e40c11f,#0000 65%),linear-gradient(145deg,#182330,#10161e);border:1px solid #c084fc40;border-radius:1.65rem;min-width:0;padding:clamp(1.4rem,3vw,2rem);transition:border-color .22s,box-shadow .22s,transform .22s;box-shadow:0 16px 48px #00000040}.referral-card:hover,.referral-card:focus-within{border-color:#c084fca6;box-shadow:0 0 28px #9e40c126,0 18px 55px #0000004d}.referral-icon{width:48px;height:48px;color:var(--referral-violet);background:#9e40c121;border:1px solid #c084fc40;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.referral-price h2{margin-top:1rem}.referral-choice{border:1px solid #ffffff21;border-radius:12px;gap:4px;margin:1.5rem 0;padding:4px;display:flex}.referral-choice label{cursor:pointer;color:#bcc6d1;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:46px;padding:.75rem .4rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.referral-choice label.is-selected{color:#f1e6ff;background:#9e40c140;box-shadow:inset 0 0 0 1px #c084fc73}.referral-choice input{opacity:0;width:1px;height:1px;position:absolute}.referral-choice label:has(input:focus-visible){outline:2px solid var(--referral-signal);outline-offset:2px}.referral-choice:disabled label{cursor:wait;opacity:.65}.referral-price-value{flex-wrap:wrap;align-items:baseline;column-gap:.8rem;margin:1.25rem 0 .35rem;display:flex}.referral-price-value strong{letter-spacing:-.05em;font-size:clamp(2.7rem,5vw,3.5rem);line-height:1.1}.referral-price-value span{color:#c2ccd7;font-size:.9rem}.referral-highlight{color:var(--referral-signal);margin:.6rem 0;font-size:.95rem;font-weight:600}.referral-muted{color:#c2ccd7;font-size:.95rem}.referral-checks{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;gap:.8rem;margin:1rem 0;padding:1.1rem 0;list-style:none;display:grid}.referral-checks li{align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.45;display:flex}.referral-checks svg{color:var(--referral-signal);flex-shrink:0;margin-top:2px}.referral-payment{font-size:.95rem;font-weight:600}.page-referral-hbibi .referral-cta{white-space:normal;text-align:center;--tarifs-card-accent:var(--referral-violet);justify-content:center;align-items:center;gap:.6rem;width:100%;min-height:49px;padding:.85rem 1rem;display:inline-flex}.page-referral-hbibi a:focus-visible,.page-referral-hbibi button:focus-visible,.referral-link-input:focus-visible{outline:2px solid var(--referral-signal);outline-offset:4px}.referral-cta:disabled{opacity:.6;cursor:wait}.referral-fine{color:#aebaca;font-size:.83rem;line-height:1.65}.referral-fine a{color:var(--referral-signal,#66f4dd);text-underline-offset:3px;text-decoration:underline}.referral-error{color:#ffb5b5}.referral-notice{background:#66f4dd14;border:1px solid #66f4dd40;border-radius:10px;padding:.75rem;font-size:.9rem}.referral-explainer,.referral-history{margin-top:clamp(2.5rem,6vw,5rem)}.referral-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0;padding:0;list-style:none;display:grid}.referral-steps li{border-top:1px solid #66f4dd4d;padding-top:1.2rem}.referral-steps li>span{color:var(--referral-signal);letter-spacing:.1em;font-size:.8rem;font-weight:700}.referral-steps p{color:#c2ccd7;font-size:.95rem}.referral-terms{max-width:95ch;margin-top:2.5rem}.referral-state{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:2rem;display:grid}.referral-state h1{font-size:clamp(1.8rem,4vw,2.8rem)}.referral-state .referral-cta{width:auto;margin-top:1rem}.referral-back{color:#c2ccd7;align-items:center;gap:.5rem;min-height:44px;margin-bottom:1rem;display:inline-flex}.referral-dashboard-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:2rem;margin-bottom:2.5rem;display:grid}.referral-dashboard-hero h1{font-size:clamp(2rem,3.7vw,3rem)}.referral-dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem;display:grid}.referral-link-label{color:#c2ccd7;margin:1.5rem 0 .5rem;font-size:.85rem;display:block}.referral-link-input{width:100%;min-width:0;color:var(--referral-signal);min-height:48px;font:inherit;background:#0d141c;border:1px solid #66f4dd52;border-radius:10px;padding:.8rem;font-size:.9rem}.referral-share-actions{gap:.7rem;margin-top:1rem;display:flex}.referral-feedback{min-height:1.5em;color:var(--referral-signal);font-size:.85rem}.referral-benefit-pairs{margin-bottom:0}.referral-benefit-pairs>div+div{border-top:1px solid #ffffff1f;margin-top:1rem;padding-top:1rem}.referral-benefit-pairs dt{color:#c2ccd7;margin-bottom:.4rem;font-size:.9rem}.referral-benefit-pairs dd{margin:0;font-size:.95rem;line-height:1.7}.referral-benefit-pairs dd span{color:var(--referral-signal);font-weight:700}.referral-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.referral-total{color:var(--referral-signal);border:1px solid #66f4dd59;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;font-weight:600}.referral-empty{text-align:center;border:1px dashed #66f4dd40;border-radius:20px;margin-top:1.5rem;padding:2rem}.referral-empty>svg{color:var(--referral-signal);margin:auto}.referral-empty p{color:#c2ccd7}.referral-rewards{margin:1.5rem 0;padding:0;list-style:none}.referral-rewards li{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;display:flex}.referral-rewards li p{color:#c2ccd7;margin:.2rem 0 0;font-size:.85rem}.referral-status{color:#d3c4e8;text-align:center;background:#9e40c126;border-radius:999px;padding:.4rem .75rem;font-size:.8rem}.referral-status--applied{color:var(--referral-signal);background:#66f4dd1a}.referral-status--cancelled{color:#c2ccd7;background:#ffffff14}.referral-upsell-teaser{background:radial-gradient(at 0 0,#66f4dd12,#0000 75%),#121c25;border:1px solid #66f4dd40;border-radius:18px;gap:1rem;margin:2rem 0;padding:clamp(1.1rem,3vw,1.7rem);transition:border-color .22s,box-shadow .22s;display:flex}.referral-upsell-teaser:hover{border-color:#66f4dd99;box-shadow:0 0 26px #66f4dd1a}.referral-upsell-teaser>svg{color:#66f4dd;flex-shrink:0;margin-top:3px}.referral-upsell-teaser h2{color:#f1f5f9;margin:0 0 .7rem;font-size:1.2rem}.referral-upsell-teaser p{color:#c2ccd7;margin:.4rem 0;line-height:1.65}@media (min-width:1400px){.referral-hero .referral-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.page-referral-hbibi{max-width:1360px}}@media (min-width:1600px){.page-referral-hbibi{max-width:1520px}}@media (max-width:900px){.referral-hero{grid-template:"intro""price""explainer"/minmax(0,1fr);gap:1.5rem}.referral-hero>.referral-price{justify-self:center;width:100%;max-width:560px}.referral-hero>.referral-explainer{margin-top:1rem}.referral-dashboard-hero{grid-template-columns:minmax(0,1fr) 200px}.referral-share-actions{flex-direction:column}}@media (max-width:700px){.referral-hero,.referral-dashboard-grid,.referral-state{grid-template-columns:minmax(0,1fr)}.referral-intro{padding-top:0}.referral-mascot{max-width:180px;margin-top:1rem}.referral-intro .referral-mascot{max-width:160px}.referral-steps{grid-template-columns:minmax(0,1fr);gap:1rem}.referral-steps h3{margin:.5rem 0}.referral-steps p{margin-top:.4rem}.referral-dashboard-hero{grid-template-columns:minmax(0,1fr);gap:0}.referral-dashboard-hero .referral-mascot{max-width:160px}.referral-share-actions{flex-direction:row}.referral-rewards li{flex-direction:column;align-items:flex-start}.referral-state .referral-mascot{max-width:140px}}@media (max-width:380px){.referral-share-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.referral-card,.referral-upsell-teaser,.page-referral-hbibi .referral-cta{transition:none}}.page-referral-hbibi .referral-cta{color:#0a0a0a;background:var(--referral-signal);border:1px solid var(--referral-signal);border-radius:999px;font-weight:700;box-shadow:0 4px 16px #66f4dd33}.page-referral-hbibi .referral-cta:hover:not(:disabled),.page-referral-hbibi .referral-cta:focus-visible{color:#0a0a0a;background:#fff;border-color:#fff}.referral-share-actions .referral-cta:last-child{color:var(--referral-signal);box-shadow:none;background:#66f4dd0f}.referral-share-actions .referral-cta:last-child:hover,.referral-share-actions .referral-cta:last-child:focus-visible{color:#0a0a0a;background:var(--referral-signal)}@media (max-width:700px){.referral-share-actions{flex-direction:column}}.referral-conditions-body{max-width:78ch;margin-top:2.5rem}.referral-conditions-body section{border-top:1px solid #66f4dd33;margin:2rem 0;padding-top:1rem}.referral-conditions-body p,.referral-conditions-body li{color:#c2ccd7;line-height:1.75}.referral-conditions-body ul{padding-left:1.25rem}.referral-conditions-body li+li{margin-top:.9rem}.referral-conditions-body strong{color:#f1f5f9}