.referral-invite-modal.custom-modal-container{overflow:hidden}.referral-invite-modal.custom-modal-container .modal-content.traditional{color:#0f172a;background:#fafbfd}.referral-invite-modal.custom-modal-container .modal-content.traditional .content{text-align:center;background:#fafbfd;flex-direction:column;width:100%;min-height:520px;display:flex;overflow:hidden}@media (max-width:450px){.referral-invite-modal.custom-modal-container .modal-content.traditional .content{min-height:0}}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner{background:linear-gradient(135deg,#e7f6f0 0%,#e4edfd 52%,#ede9fc 100%);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:14px;min-height:152px;padding:24px;display:flex;position:relative;overflow:hidden}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#fff9 0%,#0000 55%),radial-gradient(circle at 80% 70%,#ffffff73 0%,#0000 55%);position:absolute;inset:0}@media (max-width:450px){.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner{min-height:124px;padding:20px}}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .close-btn{z-index:10;cursor:pointer;color:#0f172a;width:44px;height:44px;box-shadow:none;background:#f8f9fc;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;transition:background .2s,opacity .2s;display:inline-flex;position:absolute;top:14px;right:14px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .close-btn>.modal-close-icon{object-fit:contain;width:16px;height:16px;display:block}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .close-btn:hover:not(:disabled){opacity:1;box-shadow:none;background:#0f172a17}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .close-btn:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .close-btn>.modal-close-icon{filter:invert()}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .banner .brand-logo{z-index:2;width:104px;height:auto;position:relative}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:368px;padding:34px 48px 36px;display:flex}@media (max-width:450px){.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body{min-height:340px;padding:30px 24px calc(28px + env(safe-area-inset-bottom))}}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body h3{color:#0f172a;letter-spacing:-.015em;overflow-wrap:anywhere;max-width:380px;margin:0;font-size:22px;font-weight:650;line-height:29px}@media (max-width:450px){.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body h3{font-size:20px;line-height:27px}}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .description{color:#64748b;overflow-wrap:anywhere;max-width:380px;margin:10px 0 0;font-size:14px;font-weight:400;line-height:22px}@media (max-width:450px){.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .description{font-size:13px;line-height:21px}}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .loading{color:#64748b;margin:24px 0 0;font-size:13px;line-height:20px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .reward-note{color:#64748b;max-width:380px;margin:14px 0 0;font-size:12px;font-weight:500;line-height:19px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .reward-note.reward-available{color:#047857;font-weight:600}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .reward-note.reward-held{color:#ef4444}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .reward-note+.link-box{margin-top:16px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .link-box{background:#fff;border:1px solid #0f172a1a;border-radius:12px;align-items:center;gap:8px;width:100%;max-width:380px;margin-top:24px;padding:6px;transition:border-color .2s,box-shadow .2s;display:flex}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .link-box:focus-within{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e81a}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .link-box input{color:#0f172ab3;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:10px;font-family:inherit;font-size:13px;line-height:18px;overflow:hidden}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .link-box .common-copy-button{background:#202124;border-radius:999px;flex:none;max-width:120px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .share-button{color:#fff;text-align:center;white-space:nowrap;cursor:pointer;background:#202124;border:1px solid #202124;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:380px;min-height:44px;margin-top:12px;padding:12px 28px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;display:inline-flex}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .share-button:hover:not(:disabled){opacity:.8;background:#141517;border-color:#141517}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .share-button:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .share-button:disabled{opacity:.5;cursor:not-allowed}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .support-note{color:#94a3b8;max-width:380px;margin:14px 0 0;font-size:11px;line-height:17px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .support-note a{color:#64748b;font-weight:600;text-decoration:none}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .support-note a:hover{color:#0f172a;text-decoration:underline}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .support-note a:focus-visible{outline-offset:2px;outline:2px solid #2021241f}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .load-error{width:100%;max-width:380px;margin-top:22px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .load-error p{color:#ef4444;margin:0;font-size:12px;line-height:18px}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .load-error .retry-button{color:#0f172a;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .load-error .retry-button:hover{background:#f8f9fc;border-color:#0f172a3d}.referral-invite-modal.custom-modal-container .modal-content.traditional .content .body .load-error .retry-button:focus-visible{outline-offset:2px;outline:2px solid #2021241f}