.FriendPointsClient-module__bxmofG__statePage{text-align:center;color:#17171b;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px;display:flex}.FriendPointsClient-module__bxmofG__stateTitle{margin:0;font-size:20px;font-weight:700}.FriendPointsClient-module__bxmofG__stateText{color:#6b6b73;margin:0;font-size:15px;line-height:1.5}.FriendPointsClient-module__bxmofG__endedImage{width:160px;height:auto;margin-bottom:4px}.FriendPointsClient-module__bxmofG__stateCta{color:#fff;cursor:pointer;background:#5755d7;border:none;border-radius:14px;height:52px;margin-top:12px;padding:0 28px;font-size:16px;font-weight:700}.FriendPointsClient-module__bxmofG__page{color:#17171b;background:#f2e9fc;flex-direction:column;min-height:100dvh;display:flex}.FriendPointsClient-module__bxmofG__body{padding-top:calc(40px + env(safe-area-inset-top));background:linear-gradient(#f2e9fc,#fff 45%,#fbf9fc);flex-direction:column;flex:1;align-items:center;gap:48px;padding-bottom:0;display:flex}.FriendPointsClient-module__bxmofG__hero{flex-direction:column;align-items:center;width:100%;max-width:430px;padding:8px 16px 0;display:flex}.FriendPointsClient-module__bxmofG__heroTitle{z-index:10;flex-direction:column;align-items:center;gap:16px;margin-bottom:-60px;display:flex;position:relative}.FriendPointsClient-module__bxmofG__badge{color:#4a48c8;border:1px solid #d9d7f5;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.FriendPointsClient-module__bxmofG__titleGroup{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.FriendPointsClient-module__bxmofG__title{margin:0;font-size:24px;font-weight:700;line-height:1.25}.FriendPointsClient-module__bxmofG__amount{background:linear-gradient(#9795ff,#4000f1);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:48px;font-weight:800;line-height:1}.FriendPointsClient-module__bxmofG__illust{aspect-ratio:1331/1181;width:100%;max-width:328px;position:relative}.FriendPointsClient-module__bxmofG__illustMain{width:100%;height:100%;position:absolute;inset:0}.FriendPointsClient-module__bxmofG__celeb{position:absolute}.FriendPointsClient-module__bxmofG__illustAmount{font-size:20px;font-weight:800;line-height:1;position:absolute;transform:translateY(-50%)}.FriendPointsClient-module__bxmofG__illustAmountLeft{color:#5a3fed;top:47.8%;left:15.85%;transform:translateY(-50%)rotate(-8deg)}.FriendPointsClient-module__bxmofG__illustAmountRight{color:#fc638d;top:48.1%;left:62.2%;transform:translateY(-50%)rotate(8deg)}.FriendPointsClient-module__bxmofG__guide{box-sizing:border-box;flex-direction:column;width:100%;max-width:430px;margin:0 auto;padding:0 16px;display:flex}.FriendPointsClient-module__bxmofG__guideTitle{text-align:center;margin:0 0 16px;font-size:15px;font-weight:600}.FriendPointsClient-module__bxmofG__steps{box-sizing:border-box;background:#fff;border:1px solid #ececf0;border-radius:12px;align-items:flex-start;gap:0;width:100%;padding:16px;display:flex}.FriendPointsClient-module__bxmofG__step{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.FriendPointsClient-module__bxmofG__stepIconWrap{width:56px;height:56px;position:relative}.FriendPointsClient-module__bxmofG__stepCircle{background:#fff;border:1px solid #ececf0;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.FriendPointsClient-module__bxmofG__stepIcon{width:28px;height:28px}.FriendPointsClient-module__bxmofG__stepNum{color:#fff;background:#5755d7;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:2px;left:0}.FriendPointsClient-module__bxmofG__stepLabel{text-align:center;margin:0;font-size:12px;font-weight:500}.FriendPointsClient-module__bxmofG__stepArrow{flex-shrink:0;align-items:center;height:56px;display:flex}.FriendPointsClient-module__bxmofG__arrowIcon{width:20px;height:20px}.FriendPointsClient-module__bxmofG__rewardBanner{text-align:center;box-sizing:border-box;background:#f1effc;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:16px;padding:12px 16px;display:flex}.FriendPointsClient-module__bxmofG__rewardSub{color:#6b6b73;margin:0;font-size:12px}.FriendPointsClient-module__bxmofG__rewardMain{margin:0;font-size:15px}.FriendPointsClient-module__bxmofG__rewardStrong{color:#17171b;font-weight:600}.FriendPointsClient-module__bxmofG__rewardPoints{color:#5755d7;font-weight:700}.FriendPointsClient-module__bxmofG__policy{box-sizing:border-box;background:#f2f2f7;flex-direction:column;gap:12px;width:100%;padding:20px 20px 60px;display:flex}.FriendPointsClient-module__bxmofG__policyTitle{margin:0;font-size:13px;font-weight:600}.FriendPointsClient-module__bxmofG__policyList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.FriendPointsClient-module__bxmofG__policyItem{gap:8px;display:flex}.FriendPointsClient-module__bxmofG__policyDot{background:#646b72;border-radius:999px;flex-shrink:0;width:3px;height:3px;margin-top:7px}.FriendPointsClient-module__bxmofG__policyText{color:#6b6b73;flex:1;margin:0;font-size:13px;line-height:1.5}.FriendPointsClient-module__bxmofG__footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;flex-shrink:0;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000000f}.FriendPointsClient-module__bxmofG__cta{color:#fff;cursor:pointer;background:#5755d7;border:none;border-radius:14px;width:100%;height:52px;font-size:16px;font-weight:700}.FriendPointsClient-module__bxmofG__cta:active{transform:scale(.99)}@media (prefers-reduced-motion:no-preference){.FriendPointsClient-module__bxmofG__celebFloat{will-change:transform;animation-name:FriendPointsClient-module__bxmofG__celebFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.FriendPointsClient-module__bxmofG__celebDrift{will-change:transform, opacity;animation-name:FriendPointsClient-module__bxmofG__celebDrift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}}@keyframes FriendPointsClient-module__bxmofG__celebFloat{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-7px)rotate(6deg)}}@keyframes FriendPointsClient-module__bxmofG__celebDrift{0%,to{opacity:.72;transform:translateY(0)rotate(-10deg)}50%{opacity:1;transform:translateY(-5px)rotate(10deg)}}