@font-face{font-family:ReferralBaloo;src:url(/images/referral-post-payment/baloo2-vietnamese.woff2) format("woff2");font-display:swap;unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:ReferralBaloo;src:url(/images/referral-post-payment/baloo2-latin.woff2) format("woff2");font-display:swap}.referral-invite{--invite-ink:#103d89;--invite-blue:#0062eb;--invite-pale:#e3f5ff;display:flex;flex-direction:column;gap:0;width:min(960px,calc(100vw - 24px));max-width:960px;max-height:calc(100dvh - 24px);overflow:auto;padding:26px 36px 28px;border:0;border-radius:24px;background:#e3f5ff url(/images/referral-post-payment/background.webp) 50%/cover;color:var(--invite-ink);box-shadow:0 24px 80px #072e6666;font-family:inherit;isolation:isolate}.referral-invite-overlay{background:#09234499}.referral-invite__close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--invite-blue);cursor:pointer;background:#ffffffd9}.referral-invite__close:hover{background:white}.referral-invite__close:focus-visible,.referral-invite__cta:focus-visible{outline:3px solid var(--invite-ink);outline-offset:4px}.referral-invite__logo{width:108px;height:auto;margin-bottom:12px}.referral-invite__copy{position:relative;z-index:1;max-width:720px;min-width:0}.referral-invite__cta,.referral-invite__description,.referral-invite__title{overflow-wrap:anywhere;min-width:0}.referral-invite__title{font-family:ReferralBaloo,sans-serif;font-weight:800;font-size:clamp(30px,4.7vw,52px);line-height:1.08;text-wrap:balance;color:var(--invite-ink);letter-spacing:-.025em;margin:0 0 14px}.referral-invite__description{max-width:640px;font-size:16px;line-height:1.55;color:var(--invite-ink);white-space:pre-line;margin:0}.referral-invite__scene{position:relative;min-height:270px;margin-top:16px}.referral-invite__art{position:absolute;bottom:0;left:24%;right:10%;height:270px;overflow:hidden}.referral-invite__nini{position:absolute;bottom:-4px;left:0;height:260px;width:auto}.referral-invite__student{position:absolute;bottom:-40px;right:0;height:265px;width:auto}.referral-invite__benefit{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:45% 45% 40% 40%/30% 40% 40% 40%;box-shadow:0 7px 16px #2683b229}.referral-invite__benefit svg{width:32px;height:32px;flex-shrink:0}.referral-invite__benefit small,.referral-invite__benefit span{display:block}.referral-invite__benefit span{font-size:14px;font-weight:700}.referral-invite__benefit strong{font-family:ReferralBaloo,sans-serif;font-size:25px;line-height:1.15;display:block}.referral-invite__benefit small{font-size:12px;line-height:1.4;max-width:190px;margin-top:4px}.referral-invite__benefit--friend{top:65px;left:-12px;transform:rotate(-5deg);background:#c2f0ff;color:#0755ad}.referral-invite__benefit--referrer{top:2px;right:-10px;transform:rotate(6deg);background:#7345ce;color:#fff}.referral-invite__benefit--referrer strong{font-size:21px}.referral-invite__footer{position:relative;z-index:2;margin:0 -8px;padding:14px 16px 0;background:#fffaf4ed;border-radius:18px}.referral-invite__conditions{max-width:660px;margin:0 auto 14px;font-size:12px;line-height:1.5;text-align:center;color:#244d7f}.referral-invite__cta{display:flex;align-items:center;justify-content:center;gap:16px;width:min(100%,540px);min-height:58px;margin:auto;padding:12px 24px;border-radius:999px;background:linear-gradient(180deg,#24afff,#0064f7);box-shadow:0 5px 0 #064ed8,0 10px 20px #0064f72b;color:#fff;font-family:ReferralBaloo,sans-serif;font-size:25px;line-height:1.2;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.referral-invite__cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.referral-invite__cta:active{transform:translateY(2px)}@media (max-width:640px){.referral-invite{padding:20px 20px 25px;border-radius:20px}.referral-invite__logo{width:90px;margin-bottom:18px}.referral-invite__title{font-size:32px;max-width:440px}.referral-invite__description{font-size:14px}.referral-invite__scene{min-height:282px;margin-top:12px}.referral-invite__art{left:5%;right:0;height:200px}.referral-invite__nini{height:195px}.referral-invite__student{height:200px;bottom:-28px}.referral-invite__benefit{padding:12px;gap:7px;max-width:52%}.referral-invite__benefit--friend{top:17px;left:-5px}.referral-invite__benefit--referrer{top:0;right:-5px}.referral-invite__benefit strong{font-size:21px}.referral-invite__benefit--referrer strong{font-size:18px}.referral-invite__benefit svg{width:23px;height:23px}.referral-invite__benefit small,.referral-invite__benefit span{font-size:12px}.referral-invite__footer{padding:12px 8px 0}.referral-invite__cta{font-size:21px;padding:12px 16px;gap:10px}.referral-invite__conditions{font-size:12px}}@media (prefers-reduced-motion:reduce){.referral-invite,.referral-invite-overlay{animation:none!important}.referral-invite__cta{transition:none}}.referral-invite__title span{color:#0787f5}.referral-invite__benefit--friend{background:transparent url(/images/referral-post-payment/friend-badge.png) 50%/100% 100% no-repeat;padding:22px 24px}.referral-invite__benefit--referrer{background:transparent url(/images/referral-post-payment/referrer-badge.png) 50%/100% 100% no-repeat;padding:28px 24px 24px}.referral-invite__benefit--referrer>svg{visibility:hidden}.referral-invite__title:has(span):after{content:"";display:block;width:min(100%,650px);height:15px;margin-top:-1px;background:url(/images/referral-post-payment/title-underline.png) 50%/100% 100% no-repeat}@media (max-width:640px){.referral-invite__benefit--friend{padding:17px 15px}.referral-invite__benefit--referrer{padding:21px 15px 17px}.referral-invite__title:has(span):after{height:11px}}.referral-invite__benefit--referrer{display:block;width:300px;padding:34px 24px 28px;background-size:220% 110%;background-position:center -12px}.referral-invite__benefit--referrer>svg{display:none}.referral-invite__benefit--referrer:before{content:"";position:absolute;left:12px;top:-8px;width:54px;height:56px;background:url(/images/referral-post-payment/referrer-badge.png) -22px 0/200px 129px no-repeat;pointer-events:none}.referral-invite__benefit--referrer>div{position:relative}.referral-invite__benefit--referrer span{margin-left:44px}.referral-invite__benefit--referrer small{max-width:none}@media (max-width:640px){.referral-invite__benefit--referrer{padding:38px 18px 30px;width:52%}.referral-invite__benefit--referrer span{margin-left:36px}}.referral-invite.referral-invite--banner{display:block;padding:0;overflow:auto;border-radius:16px;background:transparent}.referral-invite__banner-card{overflow:hidden;border-radius:inherit}.referral-invite__banner-action{display:block;width:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;line-height:0}.referral-invite__banner{display:block;width:100%;height:auto}.referral-invite__banner-action[hidden],.referral-invite__banner[hidden]{display:none}.referral-invite__banner-action:focus-visible{outline:3px solid #0062eb;outline-offset:-3px}.referral-invite--banner .referral-invite__close{position:absolute;z-index:2;top:8px;right:8px;width:44px;height:44px;background:transparent}.referral-invite--banner .referral-invite__close:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #072e6633}.referral-invite--banner .referral-invite__close svg{position:relative;width:22px;height:22px}.referral-invite--banner .referral-invite__close:hover:before{background:#e3f5ff}.referral-invite--banner .referral-invite__close:focus-visible{outline-offset:-3px}.referral-invite__banner-card{position:relative}.referral-invite__cta--design{--cta-width:var(--cta-desktop-width);--cta-left:var(--cta-desktop-left);--cta-top:var(--cta-desktop-top);--cta-shift:var(--cta-desktop-shift);--cta-height:var(--cta-desktop-height);--cta-font:var(--cta-desktop-font);--cta-radius:var(--cta-desktop-radius);position:relative;width:var(--cta-width);min-height:var(--cta-height);height:var(--cta-height);max-width:100%;margin:0 0 6px var(--cta-left);padding:clamp(1px,calc((var(--cta-height) - 24px) / 2),8px) 12px;font-size:var(--cta-font);border:0;border-radius:var(--cta-radius);overflow:hidden;isolation:isolate;gap:8px}.referral-invite__cta--design>span{line-height:normal;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.referral-invite__cta--design>svg{flex-shrink:0;width:1em;height:1em}.referral-invite__cta--overlay{position:absolute;z-index:1;max-height:100%;left:var(--cta-left);top:var(--cta-top);margin:0;box-shadow:0 3px 10px #064ed833}.referral-invite__cta--overlay,.referral-invite__cta--overlay:active,.referral-invite__cta--overlay:hover{transform:translateY(var(--cta-shift))}.referral-invite__cta--design[data-shimmer=true]:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff80 50%,transparent 75%);transform:translateX(-140%);animation:referral-cta-shine 4s ease-in-out infinite;pointer-events:none}@keyframes referral-cta-shine{0%,55%{transform:translateX(-140%)}90%,to{transform:translateX(140%)}}@media (max-width:640px){.referral-invite__cta--design{--cta-width:var(--cta-mobile-width);--cta-left:var(--cta-mobile-left);--cta-top:var(--cta-mobile-top);--cta-shift:var(--cta-mobile-shift);--cta-height:var(--cta-mobile-height);--cta-font:var(--cta-mobile-font);--cta-radius:var(--cta-mobile-radius)}}@media (prefers-reduced-motion:reduce){.referral-invite__cta--design[data-shimmer=true]:before{animation:none;display:none}}