.register-page .referral-entry { border-color: #cdd6fa; background: #f8f9ff; }
.register-page .referral-entry .section-title { margin-bottom: 12px; }
.register-page .referral-entry .form-group { margin-bottom: 0; }
.register-page #referralCode { max-width: 330px; font-family: ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.referral-status { margin: 10px 0 0; color: #5c6479; font-size: 13px; line-height: 1.65; }
.referral-status[data-state="valid"] { color: #176744; }
.referral-status[data-state="error"] { color: #a13342; }
.referral-status[data-state="warning"] { color: #7b5311; }
.invite-page .register-container { max-width: 640px; }
.invite-page .register-header { margin-top: 34px; }
.invite-page .subtitle { max-width: 450px; line-height: 1.7; }
.invite-card { padding: 28px; border: 1px solid #dae1fa; border-radius: 24px; background: #fff; box-shadow: 0 16px 50px #163f7910; }
.invite-card h2 { margin: 0 0 20px; font-size: 20px; letter-spacing: -.3px; }
.invite-options { display: grid; gap: 12px; }
.invite-option { display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid #d9e2f6; border-radius: 16px; color: var(--home-blue); background: #f8faff; text-decoration: none; transition: background .15s, border-color .15s; }
.invite-option:hover { background: #eff3ff; border-color: #758ce2; }
.invite-option:focus-visible { outline: 3px solid #6078dd; outline-offset: 3px; }
.invite-option svg { flex: 0 0 28px; width: 28px; height: 28px; color: #5365d5; }
.invite-option strong { display: block; margin-bottom: 5px; font-size: 16px; }
.invite-option small { display: block; font-size: 13px; line-height: 1.6; color: #666f82; }
.invite-code { margin: 22px 0 0; padding-top: 20px; border-top: 1px solid #e4e8f3; font-size: 13px; color: #5c6479; }
.invite-code strong { margin-left: 5px; font-family: ui-monospace, monospace; letter-spacing: .06em; overflow-wrap: anywhere; color: var(--home-blue); }
.invite-page .sign-in-link { text-align: center; margin: 22px 0; font-size: 14px; }
html[data-theme="dark"] .register-page .referral-entry,
html[data-theme="dark"] .invite-card { background: #1c2638; border-color: #394663; }
html[data-theme="dark"] .invite-option { background: #222e44; border-color: #415171; color: #e6eeff; }
html[data-theme="dark"] .invite-option:hover { background: #2b3955; }
html[data-theme="dark"] .invite-option svg { color: #b5c2ff; }
html[data-theme="dark"] .invite-option small,
html[data-theme="dark"] .referral-status,
html[data-theme="dark"] .invite-code { color: #bdc9dc; }
html[data-theme="dark"] .invite-code { border-color: #415171; }
html[data-theme="dark"] .invite-code strong { color: #e6eeff; }
html[data-theme="dark"] .referral-status[data-state="valid"] { color: #8de2b5; }
html[data-theme="dark"] .referral-status[data-state="error"] { color: #ffb4be; }
html[data-theme="dark"] .referral-status[data-state="warning"] { color: #f3d28a; }
@media (max-width: 480px) {
    .invite-card { padding: 20px; border-radius: 20px; }
    .invite-option { padding: 18px 14px; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .invite-option { transition: none; } }