.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;padding-top:clamp(2rem,5vw,4rem);padding-bottom:4rem;color:var(--hhm-ink,#f1f5f9)}.page-referral-hbibi *,.referral-upsell-teaser *{box-sizing:border-box}.page-referral-hbibi h1{font-size:clamp(2rem,4.3vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:1rem 0 1.4rem}.page-referral-hbibi h1 span{color:var(--referral-signal)}.page-referral-hbibi h2{font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.25;margin:.7rem 0 1rem}.page-referral-hbibi h3{font-size:1.08rem;line-height:1.4}.page-referral-hbibi p{line-height:1.65}.referral-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"intro price" "explainer price";grid-template-rows:auto 1fr;gap:2rem clamp(2rem,4vw,4rem);align-items:start}.referral-intro{grid-area:intro;padding-top:1.5rem;min-width:0}.referral-kicker{color:var(--referral-signal,#66f4dd);font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:.55rem;align-items:center}.referral-lead{color:var(--hhm-mute,#c2ccd7);font-size:1.08rem;max-width:58ch}.referral-mascot{display:block;width:min(100%,320px);height:auto;object-fit:contain;margin:1.5rem auto 0}.referral-intro .referral-mascot{width:min(100%,220px)}.referral-hero>.referral-price{grid-area:price}.referral-hero>.referral-explainer{grid-area:explainer;margin-top:0;min-width: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{border:1px solid rgba(192,132,252,.25);border-radius:1.65rem;padding:clamp(1.4rem,3vw,2rem);background:radial-gradient(ellipse at top right,rgba(158,64,193,.12),transparent 65%),linear-gradient(145deg,#182330,#10161e);box-shadow:0 16px 48px rgba(0,0,0,.25);min-width:0;transition:border-color .22s,box-shadow .22s,transform .22s}.referral-card:focus-within,.referral-card:hover{border-color:rgba(192,132,252,.65);box-shadow:0 0 28px rgba(158,64,193,.15),0 18px 55px rgba(0,0,0,.3)}.referral-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--referral-violet);background:rgba(158,64,193,.13);border:1px solid rgba(192,132,252,.25)}.referral-price h2{margin-top:1rem}.referral-choice{border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:4px;display:flex;gap:4px;margin:1.5rem 0}.referral-choice label{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1;padding:.75rem .4rem;min-height:46px;cursor:pointer;border-radius:8px;color:#bcc6d1;font-weight:600;font-size:.95rem}.referral-choice label.is-selected{color:#f1e6ff;background:rgba(158,64,193,.25);box-shadow:inset 0 0 0 1px rgba(192,132,252,.45)}.referral-choice input{position:absolute;opacity:0;width:1px;height:1px}.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{margin:1.25rem 0 .35rem;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.8rem}.referral-price-value strong{font-size:clamp(2.7rem,5vw,3.5rem);letter-spacing:-.05em;line-height:1.1}.referral-price-value span{font-size:.9rem;color:#c2ccd7}.referral-highlight{color:var(--referral-signal);font-weight:600;font-size:.95rem;margin:.6rem 0}.referral-muted{color:#c2ccd7;font-size:.95rem}.referral-checks{list-style:none;padding:1.1rem 0;margin:1rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);display:grid;gap:.8rem}.referral-checks li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;line-height:1.45}.referral-checks svg{color:var(--referral-signal);flex-shrink:0;margin-top:2px}.referral-payment{font-weight:600;font-size:.95rem}.page-referral-hbibi .referral-cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;white-space:normal;text-align:center;min-height:49px;width:100%;padding:.85rem 1rem;--tarifs-card-accent:var(--referral-violet)}.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-decoration:underline;text-underline-offset:3px}.referral-error{color:#ffb5b5}.referral-notice{padding:.75rem;background:rgba(102,244,221,.08);border:1px solid rgba(102,244,221,.25);border-radius:10px;font-size:.9rem}.referral-explainer,.referral-history{margin-top:clamp(2.5rem,6vw,5rem)}.referral-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2rem 0}.referral-steps li{border-top:1px solid rgba(102,244,221,.3);padding-top:1.2rem}.referral-steps li>span{color:var(--referral-signal);font-size:.8rem;font-weight:700;letter-spacing:.1em}.referral-steps p{color:#c2ccd7;font-size:.95rem}.referral-terms{margin-top:2.5rem;max-width:95ch}.referral-state{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:2rem}.referral-state h1{font-size:clamp(1.8rem,4vw,2.8rem)}.referral-state .referral-cta{width:auto;margin-top:1rem}.referral-back{color:#c2ccd7;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-bottom:1rem}.referral-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:2rem;align-items:center;margin-bottom:2.5rem}.referral-dashboard-hero h1{font-size:clamp(2rem,3.7vw,3rem)}.referral-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.5rem}.referral-link-label{display:block;color:#c2ccd7;font-size:.85rem;margin:1.5rem 0 .5rem}.referral-link-input{width:100%;min-width:0;border:1px solid rgba(102,244,221,.32);border-radius:10px;background:#0d141c;color:var(--referral-signal);min-height:48px;padding:.8rem;font:inherit;font-size:.9rem}.referral-share-actions{display:flex;gap:.7rem;margin-top:1rem}.referral-feedback{min-height:1.5em;font-size:.85rem;color:var(--referral-signal)}.referral-benefit-pairs{margin-bottom:0}.referral-benefit-pairs>div+div{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.referral-benefit-pairs dt{color:#c2ccd7;font-size:.9rem;margin-bottom:.4rem}.referral-benefit-pairs dd{margin:0;line-height:1.7;font-size:.95rem}.referral-benefit-pairs dd span{color:var(--referral-signal);font-weight:700}.referral-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.referral-total{padding:.45rem .8rem;border:1px solid rgba(102,244,221,.35);border-radius:999px;color:var(--referral-signal);font-weight:600;font-size:.9rem}.referral-empty{padding:2rem;border:1px dashed rgba(102,244,221,.25);border-radius:20px;text-align:center;margin-top:1.5rem}.referral-empty>svg{color:var(--referral-signal);margin:auto}.referral-empty p{color:#c2ccd7}.referral-rewards{list-style:none;padding:0;margin:1.5rem 0}.referral-rewards li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.referral-rewards li p{font-size:.85rem;color:#c2ccd7;margin:.2rem 0 0}.referral-status{color:#d3c4e8;border-radius:999px;padding:.4rem .75rem;background:rgba(158,64,193,.15);font-size:.8rem;text-align:center}.referral-status--applied{color:var(--referral-signal);background:rgba(102,244,221,.1)}.referral-status--cancelled{color:#c2ccd7;background:rgba(255,255,255,.08)}.referral-upsell-teaser{display:flex;gap:1rem;border:1px solid rgba(102,244,221,.25);border-radius:18px;padding:clamp(1.1rem,3vw,1.7rem);margin:2rem 0;background:radial-gradient(ellipse at top left,rgba(102,244,221,.07),transparent 75%),#121c25;transition:border-color .22s,box-shadow .22s}.referral-upsell-teaser:hover{border-color:rgba(102,244,221,.6);box-shadow:0 0 26px rgba(102,244,221,.1)}.referral-upsell-teaser>svg{flex-shrink:0;color:#66f4dd;margin-top:3px}.referral-upsell-teaser h2{margin:0 0 .7rem;font-size:1.2rem;color:#f1f5f9}.referral-upsell-teaser p{line-height:1.65;margin:.4rem 0;color:#c2ccd7}@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{gap:1.5rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "price" "explainer";grid-template-rows:auto}.referral-hero>.referral-price{width:100%;max-width:560px;justify-self:center}.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-dashboard-grid,.referral-hero,.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{align-items:flex-start;flex-direction:column}.referral-state .referral-mascot{max-width:140px}}@media (max-width:380px){.referral-share-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.page-referral-hbibi .referral-cta,.referral-card,.referral-upsell-teaser{transition:none}}.page-referral-hbibi .referral-cta{border-radius:999px;color:#0a0a0a;font-weight:700;background:var(--referral-signal);border:1px solid var(--referral-signal);box-shadow:0 4px 16px rgba(102,244,221,.2)}.page-referral-hbibi .referral-cta:focus-visible,.page-referral-hbibi .referral-cta:hover:not(:disabled){color:#0a0a0a;background:#fff;border-color:#fff}.referral-share-actions .referral-cta:last-child{color:var(--referral-signal);background:rgba(102,244,221,.06);box-shadow:none}.referral-share-actions .referral-cta:last-child:focus-visible,.referral-share-actions .referral-cta:last-child:hover{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{margin:2rem 0;padding-top:1rem;border-top:1px solid rgba(102,244,221,.2)}.referral-conditions-body li,.referral-conditions-body p{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}