.referral-page{--ref-bg:#ebebeb;--ref-surface:#fffffff0;--ref-surface-strong:#fff;--ref-text:#172033;--ref-muted:#667085;--ref-border:#17203317;--ref-blue:#2879ec;--ref-blue-soft:#66b9ff;--ref-gold:#d8aa37;--ref-gold-soft:#f7db79;--ref-shadow:0 18px 50px #11182714;min-height:70vh;color:var(--ref-text);background:radial-gradient(circle at 15% -4%, #2879ec2e, transparent 30%), radial-gradient(circle at 86% 5%, #d8aa372b, transparent 26%), var(--ref-bg);padding:52px 24px 76px}.b4d-site[data-theme=dark] .referral-page{--ref-bg:#17191d;--ref-surface:#202329f2;--ref-surface-strong:#22252b;--ref-text:#f2f4f7;--ref-muted:#a9b0bc;--ref-border:#ffffff14;--ref-shadow:0 22px 60px #0000003d}.b4d-site[data-theme=midnight] .referral-page{--ref-bg:#090b10;--ref-surface:#10131af5;--ref-surface-strong:#10131a;--ref-text:#f5f7fa;--ref-muted:#9ca6b5;--ref-border:#ffffff13;--ref-shadow:0 24px 70px #00000057}.referral-hero,.referral-section,.referral-rules,.referral-cta{width:min(1180px,100%);margin-inline:auto}.referral-hero{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:stretch;gap:22px;display:grid}.referral-hero-copy,.referral-friend-card,.referral-steps article,.referral-level,.referral-rules,.referral-cta{border:1px solid var(--ref-border);background:var(--ref-surface);box-shadow:var(--ref-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.referral-hero-copy,.referral-friend-card{border-radius:24px;min-height:100%}.referral-hero-copy{flex-direction:column;padding:28px 34px;display:flex;position:relative;overflow:hidden}.referral-hero-copy:after{content:"";pointer-events:none;background:radial-gradient(circle,#2879ec3d,#0000 68%);border-radius:50%;width:330px;height:330px;position:absolute;bottom:-130px;right:-90px}.referral-logo{z-index:1;background-position:0;background-repeat:no-repeat;background-size:contain;width:min(510px,92%);height:178px;margin:-14px 0 2px -8px;position:relative}.referral-eyebrow{z-index:1;color:var(--ref-blue);letter-spacing:.085em;text-transform:uppercase;font-size:12px;font-weight:900;line-height:1.2;position:relative}.referral-hero-copy h1,.referral-section-head h2,.referral-rules h2,.referral-cta h2{z-index:1;letter-spacing:-.035em;margin:8px 0 0;line-height:1.06;position:relative}.referral-hero-copy h1{max-width:760px;font-size:clamp(32px,4vw,51px)}.referral-hero-copy>p{z-index:1;max-width:760px;color:var(--ref-muted);margin:15px 0 0;font-size:15px;line-height:1.68;position:relative}.referral-actions{z-index:1;flex-wrap:wrap;gap:10px;margin-top:23px;display:flex;position:relative}.referral-primary,.referral-secondary{border-radius:13px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.referral-primary{color:#fff;background:linear-gradient(135deg,#4ca7ff,#2879ec 58%,#1454b9);border:1px solid #1e6dd9;box-shadow:0 12px 26px #2879ec3d}.referral-secondary{color:var(--ref-text);border:1px solid var(--ref-border);background:var(--ref-surface-strong)}.referral-primary:hover,.referral-secondary:hover{transform:translateY(-1px)}.referral-auto-note{z-index:1;border-top:1px solid var(--ref-border);flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:22px;padding-top:18px;display:flex;position:relative}.referral-auto-note strong{color:var(--ref-gold);font-size:13px}.referral-auto-note span{color:var(--ref-muted);font-size:13px}.referral-friend-card{background:linear-gradient(145deg, #2879ec14, transparent 52%), var(--ref-surface);flex-direction:column;padding:30px;display:flex;position:relative;overflow:hidden}.referral-friend-card:after{content:"+";color:#d8aa3717;font-size:230px;font-weight:950;line-height:1;position:absolute;top:-45px;right:-22px}.referral-discount{z-index:1;color:var(--ref-gold);letter-spacing:-.06em;margin-top:15px;font-size:clamp(48px,5vw,74px);line-height:.96;display:block;position:relative}.referral-friend-card h2{z-index:1;margin:14px 0 0;font-size:24px;line-height:1.14;position:relative}.referral-friend-card>p{z-index:1;color:var(--ref-muted);margin:11px 0 0;font-size:14px;line-height:1.6;position:relative}.referral-friend-flow-compact{z-index:1;border:1px solid var(--ref-border);background:linear-gradient(145deg, #2879ec12, #d8aa370d), var(--ref-surface-strong);border-radius:16px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:20px;padding:14px;display:grid;position:relative}.referral-friend-flow-compact>div{text-align:center;min-width:0}.referral-friend-flow-compact span{color:#fff;background:linear-gradient(135deg, var(--ref-blue), var(--ref-blue-soft));border-radius:9px;place-items:center;width:28px;height:28px;margin:0 auto 7px;font-size:11px;font-weight:900;display:grid}.referral-friend-flow-compact strong{font-size:11px;line-height:1.35;display:block}.referral-friend-flow-compact i{color:var(--ref-muted);opacity:.75;font-size:15px;font-style:normal}.referral-friend-detail{z-index:1;border-top:1px solid var(--ref-border);grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:grid;position:relative}.referral-friend-detail>span{color:#1a1305;background:linear-gradient(135deg, var(--ref-gold-soft), var(--ref-gold));border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.referral-friend-detail strong,.referral-friend-detail small{display:block}.referral-friend-detail strong{font-size:13px}.referral-friend-detail small{color:var(--ref-muted);margin-top:3px;font-size:12px;line-height:1.45}.referral-section{margin-top:54px}.referral-section-head{max-width:780px}.referral-section-head.compact{max-width:860px}.referral-section-head h2,.referral-rules h2,.referral-cta h2{font-size:clamp(28px,3.2vw,40px)}.referral-section-head p,.referral-cta p{color:var(--ref-muted);margin:12px 0 0;font-size:14px;line-height:1.65}.referral-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.referral-steps article{border-radius:19px;min-height:205px;padding:24px;position:relative}.referral-steps article>span{color:#fff;background:var(--ref-blue);border-radius:10px;place-items:center;min-width:42px;height:32px;padding:0 10px;font-size:12px;font-weight:900;display:inline-grid}.referral-steps h3{margin:20px 0 0;font-size:19px}.referral-steps p{color:var(--ref-muted);margin:9px 0 0;font-size:13px;line-height:1.6}.referral-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.referral-level{border-radius:20px;padding:20px;position:relative;overflow:hidden}.referral-level:before{content:"";background:linear-gradient(90deg, var(--referral-accent), var(--referral-accent-2));height:4px;position:absolute;inset:0 0 auto}.referral-level-heading{align-items:center;gap:10px;display:flex}.referral-level-heading img{object-fit:contain;width:48px;height:48px}.referral-level-heading span{color:var(--ref-muted);font-size:11px;font-weight:700}.referral-level-heading h3{margin:2px 0 0;font-size:20px}.referral-points-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.referral-points-row>div{border:1px solid var(--ref-border);background:color-mix(in srgb, var(--referral-accent) 7%, transparent);border-radius:13px;min-width:0;padding:12px 10px}.referral-points-row span,.referral-points-row small{display:block}.referral-points-row span{min-height:30px;color:var(--ref-muted);font-size:10px;line-height:1.35}.referral-points-row strong{color:var(--referral-accent);margin-top:8px;font-size:25px;line-height:1;display:inline-block}.referral-points-row small{color:var(--ref-muted);margin-top:3px;font-size:10px}.referral-level-total{border-top:1px solid var(--ref-border);color:var(--ref-muted);margin-top:14px;padding-top:13px;font-size:11px;line-height:1.45}.referral-level-total strong{color:var(--ref-text)}.referral-level.is-black{border-color:color-mix(in srgb, #d9b34a 45%, var(--ref-border));background:linear-gradient(145deg, #d9b34a1a, transparent 48%), var(--ref-surface)}.referral-rules{border-radius:22px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:28px;margin-top:54px;padding:29px 31px;display:grid}.referral-rule-list{gap:12px;display:grid}.referral-rule-list p{border:1px solid var(--ref-border);color:var(--ref-muted);background:var(--ref-surface-strong);border-radius:13px;margin:0;padding:14px 16px;font-size:13px;line-height:1.55}.referral-rule-list strong{color:var(--ref-text)}.referral-cta{background:linear-gradient(120deg, #2879ec1a, #d8aa3714), var(--ref-surface);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:29px 31px;display:flex}.referral-cta>div{max-width:770px}@media (max-width:1080px){.referral-levels{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-level:last-child{grid-column:1/-1}}@media (max-width:860px){.referral-friend-flow-compact{grid-template-columns:1fr;gap:8px}.referral-friend-flow-compact i{transform:rotate(90deg)}.referral-page{padding:32px 16px 60px}.referral-hero,.referral-rules,.referral-steps{grid-template-columns:1fr}.referral-logo{width:100%;height:150px}.referral-cta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.referral-hero-copy,.referral-friend-card,.referral-rules,.referral-cta{padding:22px}.referral-levels{grid-template-columns:1fr}.referral-level:last-child{grid-column:auto}.referral-points-row{grid-template-columns:1fr}}