/* Styles specifiques a parrainage.html */

.referral-hero{min-height:100vh;display:flex;align-items:center;padding:135px 0 80px;position:relative;overflow:hidden}

.referral-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;position:relative;z-index:1}

.referral-copy h1{font-size:4.25rem;font-weight:900;letter-spacing:-0.04em;line-height:1.05;margin-bottom:1.5rem}

.referral-copy p{font-size:1.12rem;color:var(--text-sub);line-height:1.8;max-width:620px;margin-bottom:2.25rem}

.referral-actions{display:flex;gap:1rem;flex-wrap:wrap}

.commission-panel{position:relative;padding:2.4rem;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.13);border-radius:var(--r-xl);box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}

.commission-panel::before{content:"";position:absolute;inset:auto -20% -35% -20%;height:220px;background:radial-gradient(circle,rgba(45,212,191,.18),transparent 64%);pointer-events:none}

.panel-label{display:block;color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:.65rem}

.rate-main{font-family:var(--font-h);font-size:7rem;font-weight:900;line-height:.95;background:linear-gradient(135deg,#fff,var(--primary-l),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.6rem}

.rate-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.7rem;margin-bottom:1.5rem}

.rate-flow div{padding:1rem;background:rgba(255,255,255,.045);border:1px solid var(--card-border);border-radius:var(--r);text-align:center}

.rate-flow strong{display:block;color:var(--text-sub);font-size:.75rem;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.25rem}

.rate-flow span{font-family:var(--font-h);font-size:1.55rem;font-weight:900;color:var(--primary-l)}

.rate-flow i{color:var(--accent)}

.commission-panel p{position:relative;color:var(--text-sub);line-height:1.75;font-size:.95rem}

.tiers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}

.tier-card{position:relative;min-height:230px;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r-lg);overflow:hidden;transition:var(--tr)}

.tier-card:hover{transform:translateY(-6px);border-color:var(--card-border-h);box-shadow:var(--glow)}

.tier-card.highlighted,.tier-card.elite{background:linear-gradient(145deg,rgba(45,212,191,.12),rgba(255,255,255,.035));border-color:rgba(45,212,191,.32)}

.tier-count{position:absolute;right:1rem;top:.7rem;font-family:var(--font-h);font-size:4.5rem;font-weight:900;color:rgba(255,255,255,.045);line-height:1}

.tier-card h3{font-size:1rem;max-width:120px;margin-bottom:2.25rem}

.tier-rate{font-family:var(--font-h);font-size:2.65rem;font-weight:900;color:var(--primary-l);margin-bottom:.5rem}

.tier-card p{color:var(--text-sub);font-size:.88rem;line-height:1.6}

.process-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}

.process-layout .section-desc{margin:0;max-width:540px}

.steps-list{display:flex;flex-direction:column;gap:1rem}

.step-row{display:flex;gap:1.25rem;padding:1.35rem;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.028));border:1px solid var(--card-border);border-radius:var(--r-lg)}

.step-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--r);background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.22);color:var(--primary-l);font-size:1.35rem}

.step-row h3{font-size:1.08rem;margin-bottom:.45rem}

.step-row p{color:var(--text-sub);font-size:.92rem;line-height:1.7}

.proof-cta{padding-top:2rem}

.referral-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem;background:linear-gradient(135deg,rgba(45,212,191,.09),rgba(245,158,11,.06));border:1px solid var(--card-border);border-radius:var(--r-xl);overflow:hidden}

.referral-cta h2{font-size:2.35rem;font-weight:900;letter-spacing:-0.03em;margin-bottom:.8rem}

.referral-cta p{color:var(--text-sub);line-height:1.75;max-width:620px}

@media (max-width:1100px){.tiers-grid{grid-template-columns:repeat(3,1fr)}}

@media (max-width:992px){.referral-hero-grid,.process-layout{grid-template-columns:1fr}.referral-copy{text-align:center}.referral-copy p{margin-left:auto;margin-right:auto}.referral-actions{justify-content:center}.referral-copy h1{font-size:3.2rem}.referral-cta{flex-direction:column;align-items:flex-start}}

@media (max-width:768px){.referral-hero{padding:110px 0 55px}.referral-copy h1{font-size:2.2rem}.referral-copy p{font-size:.95rem}.commission-panel{padding:1.5rem}.rate-main{font-size:5rem}.rate-flow{grid-template-columns:1fr}.rate-flow i{transform:rotate(90deg);justify-self:center}.tiers-grid{grid-template-columns:1fr}.referral-cta{padding:2rem}.referral-cta h2{font-size:1.8rem}}

@media (max-width:480px){.referral-copy h1{font-size:1.85rem}.referral-actions .btn-primary,.referral-actions .btn-secondary{width:100%;justify-content:center}.rate-main{font-size:4.2rem}.step-row{flex-direction:column}.referral-cta .mega-cta-btn{width:100%;justify-content:center}}