*{box-sizing:border-box;margin:0;padding:0}body{margin:0}:root{--yellow:#f9d900;--yellow-dark:#e0c300;--teal:#087e8b;--teal-dark:#065f6a;--teal-light:#e6f5f7;--navy:#0d1b2a;--body-text:#2d3748;--muted:#6b7280;--white:#fff;--off-white:#f7f9fc;--light-blue-grey:#eef2f7;--card-shadow:0 4px 24px #00000014;--card-shadow-hover:0 10px 40px #00000021}.referral-page *,.referral-page :before,.referral-page :after{box-sizing:border-box;margin:0;padding:0}.referral-page{background:var(--white);color:var(--body-text);font-family:Lato,sans-serif;line-height:1.6;overflow-x:hidden}.whale-mascot{z-index:9999;pointer-events:none;filter:drop-shadow(0 8px 20px #087e8b59);width:100px;height:100px;font-size:72px;line-height:1;animation:5s cubic-bezier(.25,.46,.45,.94) forwards whaleJourney;position:fixed;top:-120px;left:-120px;transform:scaleX(-1)}@keyframes whaleJourney{0%{opacity:0;top:-120px;left:-120px;transform:scaleX(-1)rotate(20deg)scale(.5)}10%{opacity:1;transform:scaleX(-1)rotate(10deg)scale(1)}25%{top:12vh;left:18vw;transform:scaleX(-1)rotate(-5deg)scale(1.1)}40%{top:8vh;left:38vw;transform:scaleX(-1)rotate(5deg)scale(1)translateY(-10px)}55%{top:15vh;left:55vw;transform:scaleX(-1)rotate(-8deg)scale(1.05)translateY(8px)}70%{top:6vh;left:72vw;transform:scaleX(-1)rotate(8deg)scale(1)translateY(-12px)}82%{opacity:1;top:10vh;left:85vw;transform:scaleX(-1)rotate(-5deg)scale(.95)}90%{opacity:.6;top:-20px;left:95vw;transform:scaleX(-1)rotate(15deg)scale(.7)}to{opacity:0;top:-150px;left:110vw;transform:scaleX(-1)rotate(25deg)scale(.3)}}.whale-spout{z-index:9998;pointer-events:none;opacity:0;font-size:22px;animation:5s forwards spoutAppear;position:fixed}@keyframes spoutAppear{0%,22%{opacity:0;top:-50px;left:20vw}28%{opacity:1;top:2vh;left:20vw}35%{opacity:0;top:-10px;left:20vw}47%{opacity:0;top:-50px;left:57vw}53%{opacity:1;top:-1vh;left:57vw}60%{opacity:0;top:-10px;left:57vw}to{opacity:0}}.referral-hero{background:var(--white);grid-template-columns:52% 48%;align-items:center;gap:32px;min-height:calc(100vh - 73px);padding:48px 6% 52px;display:grid;position:relative;overflow:hidden}.referral-hero:after{content:"";background:linear-gradient(90deg, var(--yellow) 0%, var(--teal) 100%);height:5px;position:absolute;bottom:0;left:0;right:0}.hero-left{animation:.65s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{background:var(--teal-light);color:var(--teal);letter-spacing:.3px;border-radius:50px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 18px;font-size:13px;font-weight:700;display:inline-flex}.hero-eyebrow span{background:var(--teal);border-radius:50%;width:8px;height:8px;display:inline-block}.referral-hero h1{letter-spacing:-1.5px;color:var(--navy);margin-bottom:20px;font-family:Nunito,sans-serif;font-size:clamp(40px,4.4vw,60px);font-weight:900;line-height:1.08}.referral-hero h1 em{color:var(--teal);font-style:normal}.hero-sub{color:var(--muted);max-width:580px;margin-bottom:32px;font-size:clamp(16px,1.5vw,19px);line-height:1.75}.hero-sub strong{color:var(--navy);font-weight:700}.hero-sub em{color:var(--teal);font-style:normal;font-weight:700}.btn-primary{background:var(--yellow);color:var(--navy);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 42px;font-family:Nunito,sans-serif;font-size:18px;font-weight:800;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 18px #f9d90066}.btn-primary:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 30px #f9d90080}.hero-whale-hint{background:var(--teal-light);border:2px solid var(--teal);color:var(--teal);cursor:pointer;border-radius:50px;align-items:center;gap:10px;max-width:580px;margin-top:18px;padding:11px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.hero-whale-hint:hover{background:#ccedf0;transform:translateY(-1px)}.hero-right{justify-content:center;align-items:center;animation:.65s .15s both fadeUp;display:flex}.hero-img-frame{display:inline-block;position:relative}.hero-img-frame:before{content:"";background:linear-gradient(135deg, var(--yellow) 0%, var(--teal) 100%);z-index:0;border-radius:32px;position:absolute;inset:-8px}.hero-img-frame:after{content:"";background:var(--white);z-index:1;border-radius:28px;position:absolute;inset:-4px}.hero-img-frame img{z-index:2;aspect-ratio:1;object-fit:cover;border-radius:22px;width:100%;max-width:460px;display:block;position:relative}.section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);margin-bottom:10px;font-size:12px;font-weight:700}.section-title{letter-spacing:-.5px;color:var(--navy);margin-bottom:14px;font-family:Nunito,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:900;line-height:1.15}.section-desc{color:var(--muted);max-width:620px;font-size:17px;line-height:1.7}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.reward-section{background:var(--off-white);padding:72px 6%}.reward-header{text-align:center;margin-bottom:44px}.reward-cards{align-items:stretch;gap:24px;max-width:1100px;margin:0 auto 20px;display:flex}.reward-card-cash{background:var(--white);box-shadow:var(--card-shadow);border:1px solid #0000000f;border-radius:20px;flex-direction:row;flex:0 0 42%;min-height:240px;transition:box-shadow .25s,transform .2s;display:flex;overflow:hidden}.reward-card-cash:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card-img-left{background:#fffbea;flex-shrink:0;width:44%;overflow:hidden}.card-img-left img{object-fit:cover;width:100%;height:100%;display:block}.card-text-right{flex-direction:column;flex:1;justify-content:center;padding:32px 28px;display:flex}.reward-card-cash h3{color:var(--navy);letter-spacing:-.3px;margin-bottom:12px;font-family:Nunito,sans-serif;font-size:20px;font-weight:900;line-height:1.2}.reward-card-cash p{color:var(--muted);font-size:15px;line-height:1.65}.reward-card-whale{background:var(--white);border:3px solid var(--teal);border-radius:20px;flex-direction:row;flex:0 0 58%;min-height:240px;transition:box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 36px #087e8b2e}.reward-card-whale:hover{transform:translateY(-3px);box-shadow:0 16px 52px #087e8b47}.whale-badge{background:var(--yellow);color:var(--navy);letter-spacing:.3px;z-index:2;border-radius:50px;align-items:center;gap:6px;padding:5px 14px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 10px #0000001f}.card-img-left-whale{background:#eaf7ff;flex-shrink:0;width:40%;overflow:hidden}.card-img-left-whale img{object-fit:cover;width:100%;height:100%;display:block}.reward-card-whale h3{color:var(--navy);letter-spacing:-.3px;margin-bottom:12px;padding-top:36px;font-family:Nunito,sans-serif;font-size:22px;font-weight:900;line-height:1.2}.reward-card-whale p{color:var(--muted);font-size:15px;line-height:1.65}.reward-footer{text-align:center;margin-top:6px}.reward-footer-note{color:var(--muted);margin-bottom:20px;font-size:12px}.btn-impact{background:var(--yellow);color:var(--navy);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 48px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 18px #f9d90066}.btn-impact:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 8px 28px #f9d90080}.how-section{background:var(--white);padding:90px 6%}.how-header{text-align:center;margin-bottom:64px}.steps-row{grid-template-columns:repeat(4,1fr);gap:0;max-width:1100px;margin:0 auto;display:grid;position:relative}.steps-row:before{content:"";background:linear-gradient(90deg, var(--yellow), var(--teal));z-index:0;height:2px;position:absolute;top:52px;left:calc(12.5% + 8px);right:calc(12.5% + 8px)}.step-card-v2{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:0 16px;display:flex;position:relative}.step-visual{border-radius:28px;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;margin-bottom:28px;display:flex;position:relative}.step-card-v2:first-child .step-visual{background:#fff9cc}.step-card-v2:nth-child(2) .step-visual{background:var(--teal-light)}.step-card-v2:nth-child(3) .step-visual{background:#fff0e6}.step-card-v2:nth-child(4) .step-visual{background:#f0fff4}.step-visual svg{width:58px;height:58px}.step-num-badge{background:var(--navy);width:26px;height:26px;color:var(--yellow);border-radius:50%;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:12px;font-weight:900;display:flex;position:absolute;top:-8px;right:-8px}.step-card-v2:last-child .step-num-badge{background:var(--teal);color:var(--white)}.step-card-v2 h3{color:var(--navy);letter-spacing:-.2px;margin-bottom:10px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800}.step-card-v2:last-child h3{color:var(--teal)}.step-card-v2 p{color:var(--muted);font-size:14px;line-height:1.65}.form-section{background:var(--off-white);padding:90px 6%}.form-header{text-align:center;margin-bottom:56px}.form-header .section-title em{color:var(--teal);font-style:normal}.form-layout{grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1020px;margin:0 auto;display:grid}.form-image-area{aspect-ratio:1;background:#0d1b2a;border-radius:24px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.form-image-area img{object-fit:contain;width:100%;height:100%}.form-card{background:var(--white);border-radius:24px;padding:44px 40px;box-shadow:0 8px 40px #0000001a}.form-card-title{color:var(--navy);margin-bottom:6px;font-family:Nunito,sans-serif;font-size:22px;font-weight:900}.form-card-sub{color:var(--muted);margin-bottom:30px;font-size:14px;line-height:1.55}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--navy);font-size:13px;font-weight:700}.form-input{background:var(--off-white);color:var(--navy);border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-family:Lato,sans-serif;font-size:15px;transition:border-color .2s,background .2s}.form-input::placeholder{color:#a0aec0}.form-input:focus{border-color:var(--teal);background:var(--white)}.btn-form{background:var(--yellow);width:100%;color:var(--navy);cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:17px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #f9d90059}.btn-form:hover{background:var(--yellow-dark);transform:translateY(-1px);box-shadow:0 6px 24px #f9d90073}.faq-section{background:var(--white);padding:90px 6%}.faq-inner{max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:52px}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1.5px solid #eef2f7}.faq-item:first-child{border-top:1.5px solid #eef2f7}.faq-q{cursor:pointer;width:100%;color:var(--navy);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 0;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;transition:color .2s;display:flex}.faq-q:hover{color:var(--teal)}.faq-icon{width:32px;height:32px;color:var(--muted);border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:20px;transition:background .2s,border-color .2s,transform .3s;display:flex}.faq-item.open .faq-icon{background:var(--yellow);border-color:var(--yellow);color:var(--navy);transform:rotate(45deg)}.faq-item.open .faq-q{color:var(--teal)}.faq-a{max-height:0;color:var(--muted);font-size:15px;line-height:1.8;transition:max-height .4s,padding .3s;overflow:hidden}.faq-item.open .faq-a{max-height:400px;padding-bottom:24px}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=960px){.referral-hero{grid-template-columns:1fr;min-height:auto;padding:40px 5% 44px}.hero-right{order:-1}.hero-img-frame img{max-width:360px}.hero-sub{max-width:100%}.reward-cards{flex-direction:column}.reward-card-cash,.reward-card-whale{flex:none;width:100%}.steps-row{grid-template-columns:1fr 1fr;gap:32px}.steps-row:before{display:none}.form-layout{grid-template-columns:1fr;gap:36px}}@media (width<=560px){.steps-row{grid-template-columns:1fr}.reward-card-cash,.reward-card-whale{flex-direction:column}.card-img-left,.card-img-left-whale{width:100%;height:200px}}