.referral-page{max-width:720px;margin:0 auto;padding:64px 24px 80px}.referral-hero{text-align:center;margin-bottom:48px}.referral-hero__icon{background:var(--accent);width:56px;height:56px;color:var(--text-inverse);text-align:center;border-radius:16px;margin:0 auto 20px;font-size:28px;line-height:56px;display:block}.referral-hero__title{letter-spacing:-.03em;color:var(--text);text-wrap:balance;margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.referral-hero__sub{color:var(--text-alt);text-wrap:balance;margin:0;font-size:1.05rem;line-height:1.6}.referral-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;margin-bottom:24px;padding:32px}.referral-card__title{color:var(--text);margin:0 0 8px;font-size:1.15rem;font-weight:700}.referral-card__text{color:var(--text-alt);margin:0 0 20px;font-size:.95rem;line-height:1.6}.referral-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.referral-steps li{color:var(--text);align-items:flex-start;gap:14px;font-size:.9rem;line-height:1.5;display:flex}.referral-steps__num{background:var(--accent);width:28px;height:28px;color:var(--text-inverse);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.referral-steps__num strong,.referral-highlight{color:var(--accent);font-weight:700}.referral-link-card{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:16px;margin-bottom:24px;padding:28px 32px}.referral-link-card__label{color:var(--text-alt);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.85rem;font-weight:600}.referral-link-card__row{align-items:center;gap:12px;display:flex}.referral-link-card__link{border:1px solid var(--border);background:var(--bg);color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;user-select:all;border-radius:12px;flex:1;padding:14px 18px;font-family:inherit;font-size:.95rem;overflow:hidden}.referral-link-card__disabled{color:var(--error);margin:0 0 12px;font-size:.85rem;font-weight:500}.referral-link-card__link--disabled{opacity:.5;text-decoration:line-through}.referral-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s,opacity .2s,transform .15s;display:inline-flex}.referral-btn:active{transform:scale(.97)}.referral-btn--primary{background:var(--accent);color:var(--text-inverse)}.referral-btn--primary:hover{opacity:.88}.referral-btn--primary:disabled{opacity:.55;cursor:not-allowed}.referral-btn--outline{border:1px solid var(--border);color:var(--text);background:0 0}.referral-btn--outline:hover{background:var(--hover)}.referral-btn--copied{color:#22c55e;background:#22c55e33;border:1px solid #22c55e;min-width:130px}.referral-generate{text-align:center;margin-bottom:24px}.referral-login{text-align:center;padding:48px 24px}.referral-login__text{color:var(--text-alt);margin:0 0 24px;font-size:1rem}.referral-login__link{background:var(--accent);color:var(--text-inverse);border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.referral-login__link:hover{opacity:.88}.referral-loading{text-align:center;padding:64px 24px}.referral-loading__spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:999px;width:32px;height:32px;animation:.7s linear infinite ref-spin;display:inline-block}@keyframes ref-spin{to{transform:rotate(360deg)}}.referral-error{text-align:center;margin-top:16px}.referral-error__text{color:var(--error);margin:0 0 12px;font-size:.9rem}.referral-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:24px;display:grid}.referral-stat-card{border:1px solid var(--card-border);background:var(--card-bg);text-align:center;border-radius:14px;padding:20px}.referral-stat-card__value{color:var(--text);margin-bottom:4px;font-size:1.5rem;font-weight:700}.referral-stat-card__label{color:var(--text-muted);font-size:.8rem;font-weight:500}.referral-faq{border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;margin-top:12px;padding:0;overflow:hidden}.referral-faq[open]{padding-bottom:16px}.referral-faq__summary{color:var(--text);cursor:pointer;user-select:none;border-radius:14px;justify-content:space-between;align-items:center;margin:0;padding:16px 20px;font-size:.9rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.referral-faq__summary::-webkit-details-marker{display:none}.referral-faq__summary:after{content:"+";color:var(--text-muted);font-size:1.1rem;font-weight:400;transition:transform .2s}.referral-faq[open] .referral-faq__summary:after{transform:rotate(45deg)}.referral-faq__summary:hover{background:var(--hover)}.referral-faq__text{color:var(--text-alt);margin:0;padding:0 20px;font-size:.85rem;line-height:1.6}.referral-faq__link{color:var(--accent);text-underline-offset:2px;font-weight:500;text-decoration:underline}.referral-faq__link:hover{opacity:.85}.referral-faq__code{border:1px solid var(--card-border);background:var(--bg-alt);color:var(--text);word-break:break-all;user-select:all;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:.82rem;display:block}@media (width<=768px){.referral-page{padding:80px 16px 64px}.referral-card{padding:24px 20px}.referral-link-card{padding:20px}.referral-link-card__row{flex-direction:column}.referral-btn--outline{width:100%}.referral-link-card__link{padding:12px 14px;font-size:.82rem}}