.referral-portal{color:#222b34;background:#f9fafb;min-height:calc(100vh - 94px);padding:0 24px 40px}.referral-landing{max-width:1120px;margin:auto}.referral-hero{grid-template-columns:1.2fr .85fr;align-items:center;gap:72px;padding:72px 0 66px;display:grid}.referral-kicker{letter-spacing:.14em;color:#7b8187;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:1.8;display:flex}.referral-kicker>span{background:#c51b2c;border-radius:50%;width:6px;height:6px}.referral-hero h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(35px,4.3vw,56px);font-weight:750;line-height:1.12}.referral-hero h1 em{color:#b41e2d;font-style:normal}.referral-intro{color:#747c85;max-width:460px;font-size:15px;line-height:1.9}.referral-hero-actions{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.referral-portal .referral-primary{color:#fff;background:#bc1e2d;border-radius:8px;min-height:48px;padding:12px 19px;font-size:13px;font-weight:650}.referral-portal .referral-secondary{color:#424d58;background:#fff;border:1px solid #d8dde3;border-radius:8px;min-height:48px;padding:12px 18px;font-size:13px}.referral-security{color:#89939c;align-items:center;gap:6px;margin-top:18px;font-size:10px;display:flex}.referral-reward-card{color:#fff;background:#222d39;border-radius:20px;padding:31px;position:relative;overflow:hidden;box-shadow:0 18px 35px #222d3914}.referral-reward-card:after{content:"";pointer-events:none;border:1px solid #ffffff0a;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-80px}.referral-card-top{color:#c9d1d8;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.referral-card-top svg{color:#f2b9b9}.referral-amount{letter-spacing:-.065em;margin:26px 0 0;font-size:74px;font-weight:650;line-height:1.2}.referral-reward-label{color:#aab6c1;max-width:205px;font-size:12px;line-height:1.7}.referral-person{border-top:1px solid #ffffff14;align-items:center;gap:12px;margin-top:34px;padding-top:23px;display:flex}.referral-person img{object-fit:cover;background:#ffffff0f;border-radius:50%;width:43px;height:43px}.referral-person strong{font-size:12px;font-weight:550;display:block}.referral-person span{color:#a3afba;margin-top:5px;font-size:9px;display:block}.referral-card-foot{letter-spacing:.14em;color:#82919e;margin-top:22px;font-size:8px}.referral-steps{border-top:1px solid #e5e8ec;border-bottom:1px solid #e5e8ec;grid-template-columns:repeat(3,1fr);gap:38px;padding:28px 0;display:grid}.referral-steps article{padding-right:25px;position:relative}.referral-steps svg{color:#a92431;margin-bottom:12px}.referral-step-number{color:#d6dce1;font-size:11px;font-weight:600;position:absolute;top:0;right:15px}.referral-steps h2{margin:0 0 8px;font-size:14px;font-weight:650}.referral-steps p{color:#7d858c;max-width:260px;font-size:12px;line-height:1.8}.referral-rules{background:#fff;border:1px solid #e3e7eb;border-radius:9px;margin:23px 0}.referral-rules summary{cursor:pointer;justify-content:space-between;padding:17px 20px;font-size:12px;font-weight:600;list-style:none;display:flex}.referral-rules p{color:#6d7781;padding:0 20px 20px;font-size:12px;line-height:1.9}.referral-contact{color:#8c959e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.referral-contact a{color:#6e7681;align-items:center;gap:5px;display:flex}.referral-topline{color:#707d88;justify-content:space-between;max-width:850px;margin:auto;padding-top:26px;font-size:12px;display:flex}.referral-topline button{align-items:center;gap:3px;min-height:40px;display:flex}.referral-auth,.referral-share,.referral-success{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:470px;margin:40px auto;padding:30px 0 70px;display:flex}.referral-auth-icon{color:#b22231;background:#f3e8e9;border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.referral-auth h1,.referral-share h1,.referral-success h1,.referral-form-wrap h1{letter-spacing:-.04em;font-size:31px;font-weight:700;line-height:1.25}.referral-auth p,.referral-share>p,.referral-success>p{color:#74818b;font-size:13px;line-height:1.9}.referral-auth form{text-align:left;gap:17px;width:100%;display:grid}.referral-auth form>button:not(.referral-primary){text-align:center;color:#74808a;padding:8px;font-size:12px}.referral-auth label,.referral-form label{text-align:left;gap:7px;font-size:12px;font-weight:550;display:grid}.referral-auth input,.referral-form input{background:#fff;border-radius:7px;min-height:46px}.referral-call{color:#b22231;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.referral-error,.referral-notice{border-radius:9px;max-width:700px;margin:20px auto 0;padding:15px 18px;font-size:13px;line-height:1.8}.referral-error{color:#8c5b31;background:#fff5ed;border:1px solid #e8cdb0}.referral-notice{color:#2f7659;background:#ecf7f1}.referral-space{max-width:820px;margin:40px auto}.referral-space-heading h1{letter-spacing:-.04em;margin:15px 0;font-size:37px;font-weight:700}.referral-space-heading>p:last-child{color:#76838d;max-width:560px;font-size:13px;line-height:1.8}.referral-space-actions{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.referral-list{background:#fff;border:1px solid #e4e8ed;border-radius:13px;margin-bottom:20px;overflow:hidden}.referral-list article{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.referral-list article:last-child{border-bottom:0}.referral-list strong{font-size:14px;font-weight:650;display:block}.referral-list article>div:first-child>span{color:#9098a2;margin-top:6px;font-size:11px;display:block}.referral-list article>div:last-child{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.referral-status{color:#3a785b;background:#edf4f0;border-radius:6px;padding:5px 9px;font-size:10px}.referral-reward-status{color:#7a8590;font-size:11px}.referral-list-empty{text-align:center;color:#7e8a95;background:#fff;border:1px dashed #d9e0e6;border-radius:14px;flex-direction:column;align-items:center;gap:15px;padding:60px 20px;display:flex}.referral-list-empty h2{color:#333e47;font-size:20px;font-weight:650}.referral-list-empty p{margin-bottom:12px;font-size:13px}.referral-form-wrap{max-width:620px;margin:35px auto}.referral-form-wrap h1{margin:17px 0}.referral-form-intro{color:#7b858f;margin-bottom:27px;font-size:13px;line-height:1.8}.referral-form{gap:19px;width:100%;display:grid}.referral-form-profile{border-bottom:1px solid #e2e7eb;gap:19px;padding-bottom:23px;display:grid}.referral-form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.referral-form select,.referral-form textarea{background:#fff;border:1px solid #d6dde4;border-radius:7px;width:100%;min-height:46px;padding:12px;font-size:13px}.referral-form textarea{resize:vertical;min-height:90px}.referral-form .referral-consent{background:#fff;border:1px solid #e4e8ec;border-radius:10px;gap:16px;padding:18px;display:grid}.referral-form .referral-consent label{color:#747e89;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.8;display:flex}.referral-consent input{accent-color:#bc1e2d;flex-shrink:0;width:17px;height:17px;min-height:17px;margin-top:3px}.referral-hint{color:#8b959e;margin-top:-10px;font-size:10px;line-height:1.8}.referral-policy{text-align:center;color:#89929c;font-size:11px;text-decoration:underline}.referral-share-options{gap:14px;width:100%;margin-top:10px;display:grid}.referral-share-options input{color:#8a96a0;border:1px solid #dae0e7;border-radius:6px;width:100%;padding:11px;font-size:10px}.referral-whatsapp{color:#327359;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:12px;font-weight:600;display:flex}.referral-success>svg{color:#4b9970}.referral-success>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.referral-success>a{color:#b22231;font-size:12px}.referral-reference{overflow-wrap:anywhere;max-width:100%;font-size:10px!important}.referral-portal button:focus-visible,.referral-portal a:focus-visible{outline-offset:4px;outline:2px solid #bb2231}.referral-portal button:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.referral-portal{padding:0 19px 30px}.referral-hero{grid-template-columns:1fr;gap:33px;padding:40px 0 35px}.referral-hero h1{font-size:39px;line-height:1.13}.referral-intro{font-size:14px}.referral-reward-card{max-width:100%;padding:26px}.referral-amount{font-size:66px}.referral-person{margin-top:24px}.referral-steps{grid-template-columns:1fr;gap:24px;padding:27px 0}.referral-steps article{padding-left:36px}.referral-steps svg{position:absolute;top:0;left:0}.referral-steps p{max-width:none}.referral-contact{align-items:flex-start;gap:16px;line-height:1.8}.referral-form-grid{grid-template-columns:1fr}.referral-list article{gap:12px;padding:18px}.referral-space-heading h1{font-size:32px}.referral-hero-actions .referral-primary,.referral-hero-actions .referral-secondary{flex:1}.referral-auth,.referral-share{margin-top:25px}.referral-auth h1,.referral-share h1,.referral-form-wrap h1{font-size:29px}}