.referral-hero{position:relative;overflow:hidden;margin:0 0 28px;padding:32px;border:2px solid #d2af57;border-radius:24px;background:radial-gradient(ellipse at top right,#42764a 0,transparent 65%),linear-gradient(120deg,#133e30,#0a2f25);color:#fff;box-shadow:0 12px 30px #123e3020}.referral-hero:after{content:'✦';position:absolute;right:24px;top:10px;color:#f5d67b;font-size:95px;opacity:.12;pointer-events:none}.referral-hero .referral-kicker{color:#f7de98;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.referral-hero h2{color:#fff!important;font-size:clamp(24px,3vw,34px);margin:12px 0 18px;line-height:1.2}.referral-bonus{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.referral-bonus strong{display:flex;align-items:center;gap:12px;padding:17px 20px;border:1px solid #f4d47655;border-radius:17px;background:#ffffff0e;font-size:clamp(32px,4vw,48px);line-height:1.1;color:#ffe197;font-weight:800;white-space:nowrap}.referral-bonus strong:last-child{color:#c8f5b5;border-color:#bef39955}.referral-bonus small{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-top:5px}.referral-bonus em{font-size:30px;font-style:normal;color:#f1d27b}.referral-hero p{font-size:16px;line-height:1.65;color:#eef5e6!important;max-width:700px;margin:20px 0 0}.referral-hero p b{color:#ffe197}.referral-hero .referral-footnote{font-size:13px;opacity:.83;margin-top:10px}.referral-hero .referral-emoji{font-size:34px}@media(max-width:600px){.referral-hero{padding:23px 18px;border-radius:20px}.referral-bonus{gap:9px}.referral-bonus strong{padding:14px 12px;font-size:33px;gap:8px}.referral-bonus em{font-size:23px}.referral-hero p{font-size:15px}.referral-bonus small{font-size:11px}.referral-hero .referral-emoji{font-size:25px}}@media(max-width:360px){.referral-bonus strong{font-size:28px;padding:12px 9px}.referral-bonus{gap:6px}}

/* Personal referral code: compact row, readable in both themes. */
.referral-editor613{margin-top:18px;padding-top:14px;border-top:1px solid #899d8c55}
.referral-editor613 label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
.referral-code-row613{display:flex;align-items:stretch;gap:8px;max-width:570px}
.referral-code-row613 input{flex:1;min-width:0;width:0;margin:0;font-size:14px;padding:10px 12px}
.referral-code-row613 .btn{margin:0;white-space:nowrap;font-size:12px;padding:9px 12px}
.referral-editor613 small{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:inherit;opacity:.85}
.referral-editor613 .referral-feedback613{font-size:13px;line-height:1.5;margin:7px 0 0;color:inherit}
.referral-feedback613:empty{display:none}