.referral-panel.referral-invitation{isolation:isolate;background:linear-gradient(115deg,#f4edff 0%,#faf7ff 55%,#eee8ff 100%);border:1px solid #d9c8fa;border-left:5px solid #7940d4;border-radius:20px;grid-template-columns:72px minmax(0,1fr) minmax(220px,280px);align-items:center;gap:24px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #6434a80c}.referral-invitation:after{content:"";z-index:-1;pointer-events:none;border:32px solid #8752d608;border-radius:50%;width:270px;height:270px;position:absolute;top:-120px;right:-90px}.referral-invitation .referral-invitation-symbol{color:#7440c5;background:#fff;border-radius:22px;place-items:center;width:72px;height:72px;display:grid;transform:rotate(-6deg);box-shadow:0 5px 20px #6633a312}.referral-invitation-symbol svg{stroke-width:1.8px;width:34px;height:34px;transform:rotate(6deg)}.referral-invitation .referral-invitation-copy h2{color:#25203a;margin:0 0 8px;font-size:clamp(20px,2vw,26px);line-height:1.5}.referral-invitation .referral-invitation-rate{color:#6831b4;align-items:baseline;gap:14px;margin:0;line-height:1.1;display:flex}.referral-invitation-rate>span{font-size:15px;font-weight:700}.referral-invitation-rate strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:54px;font-weight:800}.referral-invitation-rate strong small{margin-left:3px;font-size:27px}.referral-invitation-actions{text-align:center;gap:12px;min-width:0;display:grid}.referral-invitation .referral-primary{color:#fff;background:#2e60df;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:52px;margin:0;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 12px #2e60df20}.referral-invitation .referral-primary:hover{background:#224fc2}.referral-invitation .referral-invitation-guide{color:#6632a8;justify-content:center;align-items:center;gap:8px;min-height:28px;font-size:13px;text-decoration:none;display:flex}.referral-invitation-guide:hover{text-decoration:underline!important}.referral-invitation a:focus-visible{outline-offset:4px;outline:3px solid #6632a8}@media (max-width:760px){.referral-panel.referral-invitation{border-radius:16px;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 20px}.referral-invitation .referral-invitation-symbol{border-radius:16px;width:52px;height:52px}.referral-invitation-symbol svg{width:28px;height:28px}.referral-invitation .referral-invitation-copy h2{margin-bottom:6px;font-size:20px}.referral-invitation-rate strong{font-size:46px}.referral-invitation-rate strong small{font-size:24px}.referral-invitation-rate>span{font-size:13px}.referral-invitation-actions{grid-column:1/-1;gap:8px}.referral-invitation .referral-primary{min-height:50px}.referral-invitation .referral-invitation-rate{gap:10px}}.referral-invitation .referral-invitation-rate strong small{line-height:1;display:inline}