:root{--dark-grey-color:#1a1c1e}.invite-button-icon:before{content:"";background:url(https://puhui-cdn.cloud/repo/website/assets/img/pages/invite/invite-button-icon.webp) 50%/contain no-repeat;block-size:14px;inline-size:18px;margin-inline-start:var(--spacing-xs);display:inline-block}.invite__hero-banner{margin:0 0 var(--spacing-s) var(--animation-padding);padding:var(--spacing-s);background:var(--background-brand);inline-size:fit-content;font-size:var(--font-size-m);font-weight:var(--font-weight-600);line-height:var(--line-height-130)}.invite-bonus-lower{--green-bonus:#01735a}.invite-bonus-lower__wrapper{grid-template:"boost""withdraw"/auto;display:grid}.invite-bonus-lower__boost-wrapper{margin:0 var(--spacing-s);padding:var(--spacing-l);background:var(--green-bonus);grid-area:boost}.invite-bonus-lower__withdraw-wrapper{z-index:2;margin:0 var(--spacing-s);padding:var(--spacing-l);background:#ededed;grid-area:withdraw;position:relative}.invite-bonus-lower__boost-text{color:var(--color-alternative)}.invite-bonus-lower__withdraw-text{color:var(--dark-grey-color)}.invite-bonus-lower__boost-text_title,.invite-bonus-lower__withdraw-text_title{margin:0 0 var(--spacing-s);font-size:24px;font-weight:var(--font-weight-500);line-height:30px}.invite-bonus-lower__boost-text_description,.invite-bonus-lower__withdraw-text_description{font-size:var(--font-size-m);line-height:var(--line-height-170)}@media (width>=768px){.invite-bonus-lower__wrapper{gap:0 var(--spacing-l);grid-template:"boost withdraw"/1fr 1fr}.invite-bonus-lower__boost-wrapper{padding:var(--spacing-5xl) var(--spacing-2xl);justify-content:flex-end;block-size:190px;inline-size:100%;margin:0;display:flex}.invite-bonus-lower__withdraw{max-inline-size:370px}.invite-bonus-lower__withdraw-wrapper{padding:var(--spacing-4xl) var(--spacing-2xl);justify-content:start;block-size:190px;inline-size:100%;margin:-95px 0 0;display:flex;position:relative}.invite-bonus-lower__boost{max-inline-size:370px}}@media (width>=1200px){.invite-bonus-lower__boost-wrapper,.invite-bonus-lower__withdraw-wrapper{padding:var(--spacing-5xl) var(--spacing-7xl)}}.invite-bonus-upper{--green-bonus:#01735a}.invite-bonus-upper__wrapper{grid-template:"text""bill"/auto;display:grid;position:relative}.invite-bonus-upper__get-wrapper{padding:var(--spacing-2xl) 0;background:var(--background-section-soft-grey);grid-area:text;justify-content:center;align-items:center;inline-size:100%;display:flex}.invite-bonus-upper__get-text{color:var(--green-bonus)}.invite-bonus-upper__get-text_upper,.invite-bonus-upper__get-text_lower{font-size:var(--font-size-3xl);letter-spacing:-1.8px;font-weight:500;line-height:90%}.invite-bonus-upper__get-text_upper{margin-inline-start:var(--spacing-6xl)}.invite-bonus-upper__get-text_lower{margin-block-start:-8px;margin-inline-start:115px}.invite-bonus-upper__get-text_number{letter-spacing:-4.2px;font-size:70px;font-weight:700;line-height:90%}.invite-bonus-upper__bill-wrapper{margin:0 var(--spacing-s);grid-area:bill}.invite-bonus-upper__bill-mobile{aspect-ratio:2.38;max-inline-size:100%}.invite-bonus-upper__bill-wrapper-desktop{position:relative;overflow:hidden}.invite-bonus-upper__bill-desktop{z-index:1;block-size:322px;inline-size:768px;position:relative}.invite-bonus-upper__bill-primary{aspect-ratio:.84;mix-blend-mode:multiply;inline-size:240px;transition:inset-inline-start .8s,inset-block-end .8s,inline-size .8s;position:absolute;inset-block-end:0;inset-inline-start:205px}html[dir=rtl] .invite-bonus-upper__bill-primary{inset-inline-start:310px}.invite-bonus-upper__bill-secondary{block-size:284px;inline-size:220px;transition:inset-inline-start .8s;position:absolute;inset-block-end:-13px;inset-inline-start:530px}@media (width>=768px){.invite-bonus-upper__wrapper{gap:0 var(--spacing-l);grid-template:"text background"/1fr 1fr}.invite-bonus-upper__get-wrapper{padding:var(--spacing-2xl) var(--spacing-5xl);justify-content:end;align-items:start;block-size:545px;inline-size:64vi}.invite-bonus-upper__get-text_upper,.invite-bonus-upper__get-text_lower{letter-spacing:-3.6px;font-size:60px}.invite-bonus-upper__get-text_upper{margin-block-end:-6px;margin-inline-start:50px}.invite-bonus-upper__get-text_lower{margin-inline-start:155px}.invite-bonus-upper__get-text_number{letter-spacing:-6px;font-size:100px}.invite-bonus-upper__bill-wrapper{grid-area:unset;inline-size:100%;margin:0;padding-inline-start:var(--spacing-l);position:absolute;inset-block-end:0}.invite-bonus-upper__bill-mobile{max-inline-size:754px}.invite-bonus-upper__background-wrapper{background:var(--green-bonus);grid-area:background;place-self:end;block-size:420px;inline-size:100%}}@media (width>=1024px){.invite-bonus-upper__bill-wrapper{inline-size:unset}}@media (width>=1200px){.invite-bonus-upper__get-wrapper{padding:var(--spacing-5xl) 55px;block-size:580px}.invite-bonus-upper__bill-wrapper{padding-inline-start:calc(50% - 384px)}.invite-bonus-upper__background-wrapper{block-size:440px}}@media (hover:hover){.invite-bonus-upper__bill-wrapper-desktop:hover .invite-bonus-upper__bill-primary{inline-size:210px;inset-block-end:15px;inset-inline-start:130px}.invite-bonus-upper__bill-wrapper-desktop:hover .invite-bonus-upper__bill-secondary{inset-inline-start:309px}}@media (hover:none){.invite-bonus-upper__bill-wrapper-desktop:active .invite-bonus-upper__bill-primary{inline-size:210px;inset-block-end:15px;inset-inline-start:130px}.invite-bonus-upper__bill-wrapper-desktop:active .invite-bonus-upper__bill-secondary{inset-inline-start:309px}}.invite-refer-friend .container{position:relative}.invite-refer-friend__wrapper{padding:95px var(--spacing-2xl) 90px;background:var(--background-alternative);gap:var(--spacing-2xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.invite-refer-friend__text-wrapper{color:var(--color-alternative);font-size:var(--font-size-4xl);text-align:end;letter-spacing:-2.4px;text-transform:uppercase;flex-direction:column;align-items:end;font-weight:800;line-height:80%;display:flex}html[dir=rtl] .invite-refer-friend__text-wrapper{text-align:start}.invite-refer-friend__words-wrapper{gap:7px;display:flex}.invite-refer-friend__fxpro{color:var(--color-error)}.invite-refer-friend__animation{aspect-ratio:173/202;inline-size:134px;transition:inset-block-end .3s;position:absolute;inset-block-end:calc(-1 * var(--spacing-10xl));inset-inline-end:24%}html[dir=rtl] .invite-refer-friend__animation{inset-inline-start:24%;inset-inline-end:unset}.invite-refer-friend__candles{aspect-ratio:300/177;inline-size:300px;position:absolute}.invite-refer-friend__candles_1{inset-block-start:-103px;inset-inline-start:50%;transform:translate(-50%)}.invite-refer-friend__candles_2{display:none}@media (width>=768px){.invite-refer-friend__wrapper{padding:var(--spacing-8xl) var(--spacing-5xl) var(--spacing-7xl) var(--spacing-4xl);flex-direction:row;align-items:center}.invite-refer-friend__wrapper>div{flex:1 1 0}.invite-refer-friend__text-wrapper{letter-spacing:-4.8px;min-inline-size:320px;font-size:80px}.invite-refer-friend__words-wrapper{flex-direction:column;gap:0}.invite-refer-friend__animation{inset-inline-end:31%}html[dir=rtl] .invite-refer-friend__animation{inset-inline-start:31%;inset-inline-end:unset}.invite-refer-friend__candles_1{inset-block-start:var(--spacing-8xl);inset-inline-start:-482px;transform:none}.invite-refer-friend__candles_2{display:block;inset-block-start:38px;inset-inline-end:-482px}.invite-refer-friend__candles{aspect-ratio:552/324;inline-size:552px}}@media (width>=1024px){.invite-refer-friend__wrapper{padding:var(--spacing-8xl) 200px var(--spacing-7xl)}.invite-refer-friend__animation{inset-inline-end:37%}html[dir=rtl] .invite-refer-friend__animation{inset-inline-start:37%;inset-inline-end:unset}.invite-refer-friend__candles_1{inset-inline-start:-382px}.invite-refer-friend__candles_2{inset-inline-end:-382px}}@media (width>=1024px) and (hover:hover){.invite-refer-friend__wrapper:hover{background:var(--dark-grey-color)}.invite-refer-friend__wrapper:hover .invite-refer-friend__animation{inset-block-end:calc(-1 * var(--spacing-8xl))}}@media (width>=1024px) and (hover:none){.invite-refer-friend__wrapper:active{background:var(--dark-grey-color)}.invite-refer-friend__wrapper:active .invite-refer-friend__animation{inset-block-end:calc(-1 * var(--spacing-8xl))}}.invite-refer-ready{padding:var(--spacing-5xl) 0 var(--spacing-3xl)}.invite-refer-ready__slogan{color:var(--dark-grey-color);font-size:var(--font-size-3xl);font-weight:var(--font-weight-600);line-height:var(--line-height-120);text-align:center}.invite-refer-ready__button{margin:var(--spacing-2xl) auto var(--spacing-5xl)}.invite-refer-ready__terms{color:var(--footer-text-color);font-size:var(--font-size-l)}.invite-refer-ready__link{text-decoration:underline}@media (width>=768px){.invite-refer-ready__slogan{max-inline-size:var(--tablet-width);font-size:var(--font-size-4xl)}.invite-refer-ready__button{margin:var(--spacing-5xl) auto var(--spacing-10xl)}.invite-refer-ready{padding:var(--spacing-10xl) 0 var(--spacing-5xl)}}@media (width>=1024px){.invite-refer-ready__button{margin:var(--spacing-5xl) auto var(--spacing-9xl)}}@media (width>=1200px){.invite-refer-ready{padding:var(--spacing-10xl) 0 var(--spacing-10xl)}}.invite-refer-why{padding:var(--spacing-5xl) 0 0}.invite-refer-why__question{color:#a7a7a7;font-size:var(--font-size-m);font-weight:var(--font-weight-500);line-height:80%}.invite-refer-why__line{background:var(--border-primary-weak);flex:1;block-size:14px}.invite-refer-why__advantages{gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0 155px;flex-direction:column;display:flex}.invite-refer-why__advantage{color:var(--dark-grey-color);font-size:35px;font-weight:var(--font-weight-300);line-height:var(--line-height-100);letter-spacing:-1.05px}.invite-refer-why__advantage>span>span{font-weight:var(--font-weight-700)}@media (width>=768px){.invite-refer-why__question{font-size:var(--font-size-semi-xl)}.invite-refer-why__advantages{gap:var(--spacing-l);padding:var(--spacing-2xl) 0 115px;flex-direction:row}.invite-refer-why__advantage{flex:1 1 0}.invite-refer-why{padding:var(--spacing-10xl) 0 0}}@media (width>=1200px){.invite-refer-why__advantages{gap:var(--spacing-2xl);padding:var(--spacing-2xl) 0 var(--spacing-10xl)}.invite-refer-why__advantage{font-size:var(--font-size-5xl)}}.invite-steps{padding:var(--spacing-5xl) 0 var(--spacing-4xl)}.invite-steps__wrapper{flex-direction:column;inline-size:100%;display:flex}.invite-steps__steps-wrapper{gap:var(--spacing-2xl);grid-template-columns:auto;display:grid}@media (width>=768px){.invite-steps__wrapper{justify-content:space-between;align-items:center;display:flex}.invite-steps__steps-wrapper{grid-template-rows:auto auto auto}.invite-steps{padding:var(--spacing-10xl) 0 var(--spacing-10xl)}}@media (width>=1024px){.invite-steps__steps-wrapper{grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;place-items:end}}.invite-steps-friendship{inline-size:100%}.invite-steps-friendship__wrapper{margin:0 0 var(--spacing-5xl);gap:var(--spacing-2xl);grid-template-rows:auto;display:grid}.invite-steps-friendship__button{place-self:end}@media (width>=768px){.invite-steps-friendship__wrapper{margin:0 0 var(--spacing-3xl);grid-template-columns:minmax(min-content,496px) auto}}@media (width>=1024px){.invite-steps-friendship__wrapper{margin:0 0 var(--spacing-10xl);grid-template-columns:minmax(min-content,670px) auto}}.invite-steps-step{inline-size:100%}.invite-steps-step__wrapper{flex-direction:column;max-inline-size:300px;margin:auto;display:flex}.invite-steps-step__description{padding:var(--spacing-2xl) var(--spacing-2xl) 0;background-color:var(--background-alternative);grid-template-rows:min-content;min-block-size:260px;inline-size:100%;max-inline-size:300px;display:grid;overflow:hidden}.invite-steps-step__description_3{min-block-size:300px}.invite-steps-step__title{margin:0 0 var(--spacing-s);font-size:var(--font-size-3xl)}.invite-steps-step__step-wrapper{place-self:end;align-items:flex-end}.invite-steps-step__step{color:var(--background-section-soft-grey);letter-spacing:-3.6px;font-size:60px;line-height:70%}.invite-steps-step__step-number{color:var(--background-section-soft-grey);letter-spacing:-7.2px;font-size:120px;line-height:70%}.invite-steps-step__image{mix-blend-mode:multiply;max-inline-size:240px}.invite-steps-step__image-wrapper{padding:var(--spacing-2xl);background-color:var(--background-section-soft-grey);border-block-end:.5px solid #0000004d;border-inline:.5px solid #0000004d;position:relative}.invite-steps-step__banner{z-index:1;padding:var(--spacing-xs) var(--spacing-s);background:var(--background-primary);color:#127963;block-size:35px;min-inline-size:70px;font-size:var(--font-size-semi-xl);font-weight:var(--font-weight-700);line-height:var(--line-height-120);letter-spacing:-1.2px;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:var(--spacing-xs);inset-inline-end:var(--spacing-2xl);box-shadow:0 4px 15px #0000001a}@media (width>=768px){.invite-steps-step__wrapper{max-inline-size:unset;flex-direction:row}.invite-steps-step__description{max-inline-size:unset;flex:50%}.invite-steps-step__image-wrapper{border-block-start:.5px solid #0000004d;flex:50%;max-inline-size:340px}}@media (width>=1024px){.invite-steps-step__wrapper{flex-direction:column}.invite-steps-step__description_1{min-block-size:300px}.invite-steps-step__image{max-inline-size:300px}.invite-steps-step__image-wrapper{max-inline-size:unset;border-block-start:none;min-block-size:360px}.invite-steps-step__banner{inset-block-start:var(--spacing-l);inset-inline-end:var(--spacing-4xl)}}@media (width>=1200px){.invite-steps-step__banner{inset-block-start:var(--spacing-m)}}