:root{--ref-ink:#18211c;--ref-green:#285b47;--ref-orange:#ef6b43;--ref-mint:#b8e1cd;--ref-cream:#f5f2e9}.referral-page{min-height:100vh;background:var(--ref-cream);color:var(--ref-ink);font-family:Arial,Helvetica Neue,sans-serif;overflow:hidden}.referral-page *{box-sizing:border-box}.referral-page a{text-decoration:none;color:inherit}.referral-logo{position:absolute;z-index:5;top:28px;left:max(28px,calc((100vw - 1120px)/2));width:68px;height:68px}.referral-logo img{width:100%;height:100%;object-fit:contain;filter:invert(1)}.referral-hero{position:relative;min-height:760px;padding:150px max(28px,calc((100vw - 1120px)/2));display:flex;align-items:center;background:linear-gradient(135deg,#285b47,#173c30);color:white;overflow:hidden}.referral-hero-copy{position:relative;z-index:2;max-width:790px}.bonus-card small,.referral-heading small,.referral-hero small,.referral-rules small{font-size:12px;font-weight:900;letter-spacing:.14em}.referral-hero h1{font-size:clamp(58px,8vw,108px);line-height:.92;letter-spacing:-6px;margin:20px 0 28px}.referral-hero p{max-width:660px;font-size:21px;line-height:1.5;color:#d4e3dc}.referral-shapes i{position:absolute;border:4px solid white;border-radius:50%}.referral-shapes i:first-child{width:390px;height:390px;right:4%;top:15%;background:#ffd95b}.referral-shapes i:nth-child(2){width:180px;height:180px;right:26%;bottom:-30px;background:var(--ref-orange)}.referral-shapes span{position:absolute;right:9%;top:24%;font-size:190px;font-weight:900;color:var(--ref-green)}.referral-button{min-height:58px;padding:0 30px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;cursor:pointer}.referral-button.orange{background:var(--ref-orange);color:white}.bonus-card{position:relative;z-index:3;width:min(1120px,calc(100% - 48px));margin:-62px auto 0;display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:34px;box-shadow:0 20px 65px #173c2925;overflow:hidden}.bonus-card>div{padding:38px 46px}.bonus-card>div+div{border-left:1px solid #e0e5e1}.bonus-card small{color:var(--ref-green)}.bonus-card strong{display:block;font-size:55px;letter-spacing:-3px;margin:8px 0;color:var(--ref-orange)}.bonus-card p{margin:0;color:#68736d;line-height:1.5}.referral-footer,.referral-link-section,.referral-rules,.referral-steps{width:min(1120px,calc(100% - 48px));margin-inline:auto}.referral-link-section{padding:125px 0 90px;display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:70px;gap:70px;align-items:center}.referral-heading small{color:var(--ref-green)}.referral-heading h2,.referral-rules h2{font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:14px 0 20px}.referral-heading p{color:#68736d;font-size:18px;line-height:1.55}.referral-link-card{padding:34px;background:var(--ref-mint);border-radius:30px;display:grid;grid-gap:15px;gap:15px}.referral-link-card>span{font-size:13px;font-weight:900;color:var(--ref-green);text-transform:uppercase;letter-spacing:.08em}.referral-link-card code{padding:18px;background:white;border-radius:16px;font-size:15px;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.referral-link-card .referral-button{justify-self:start}.referral-steps{padding:90px 0}.referral-steps>.referral-heading{text-align:center}.referral-step-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:42px}.referral-step-grid article{min-height:310px;padding:30px;border-radius:28px;background:white;display:flex;flex-direction:column}.referral-step-grid b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ref-mint);color:var(--ref-green)}.referral-step-grid h3{font-size:27px;line-height:1.05;margin:auto 0 12px}.referral-step-grid p{margin:0;color:#68736d;line-height:1.5}.referral-rules{margin-block:70px 110px;padding:48px 52px;border-radius:34px;background:var(--ref-orange);color:white;display:grid;grid-template-columns:1fr 1fr;grid-gap:45px;gap:45px}.referral-rules h2{font-size:48px;margin-bottom:0}.referral-rules ul{margin:0;padding-left:24px;line-height:1.7;align-self:center}.referral-footer{padding:40px 0 60px;border-top:1px solid #ced6d0;display:flex;align-items:center;justify-content:space-between}.referral-footer>a{display:flex;align-items:center;gap:10px}.referral-footer img{width:46px;height:46px}.referral-footer nav{display:flex;gap:24px;font-size:14px;color:#59665f}@media(max-width:700px){.referral-logo{top:18px;left:18px;width:54px;height:54px}.referral-hero{min-height:690px;padding:110px 22px 80px}.referral-hero h1{font-size:54px;letter-spacing:-3px}.referral-hero p{font-size:17px}.referral-shapes i:first-child{width:220px;height:220px;right:-25%;top:10%}.referral-shapes i:nth-child(2){width:120px;height:120px;right:4%;bottom:4%}.referral-shapes span{right:-2%;top:15%;font-size:100px}.bonus-card{width:calc(100% - 28px);grid-template-columns:1fr;margin-top:-40px}.bonus-card>div{padding:28px}.bonus-card>div+div{border-left:0;border-top:1px solid #e0e5e1}.bonus-card strong{font-size:45px}.referral-footer,.referral-link-section,.referral-rules,.referral-steps{width:calc(100% - 28px)}.referral-link-section{padding:80px 0 55px;grid-template-columns:1fr;gap:28px}.referral-heading h2,.referral-rules h2{font-size:42px;letter-spacing:-2px}.referral-link-card{padding:22px}.referral-link-card .referral-button{width:100%}.referral-steps{padding:55px 0}.referral-step-grid{grid-template-columns:1fr}.referral-step-grid article{min-height:230px}.referral-rules{margin-block:55px 75px;padding:30px 25px;grid-template-columns:1fr;gap:20px}.referral-footer{align-items:flex-start;gap:30px;flex-direction:column}.referral-footer nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}}