.bc-referral{box-sizing:border-box;max-width:880px;margin:20px auto;padding:18px 20px;border:1px solid #b9d5d0;border-radius:16px;background:#f2f8f5;color:#194650;font:15px/1.6 system-ui,sans-serif;text-align:left;overflow-wrap:anywhere}
.bc-referral summary{cursor:pointer;font-weight:750;font-size:17px}
.bc-referral p{margin:12px 0}.bc-referral small{display:block;font-size:12px;line-height:1.6;margin-top:10px}
.bc-referral-copy{display:flex;gap:12px;align-items:flex-end}.bc-referral-copy label{flex:1;min-width:0;font-size:13px;font-weight:650}
.bc-referral-copy input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:5px;border:1px solid #a6c6c4;border-radius:8px;padding:11px;background:#fff;color:#194650;font:14px system-ui}
.bc-referral button,.bc-referral-login{display:inline-block;border:0;border-radius:9px;padding:12px 16px;background:#007e87;color:white;font:650 14px/1.5 system-ui;cursor:pointer;text-decoration:none}
.bc-referral button:focus-visible,.bc-referral input:focus-visible,.bc-referral summary:focus-visible{outline:3px solid #df9900;outline-offset:3px}
.bc-referral-earnings{display:inline-block;margin-top:12px;color:#006c76;font-weight:650}.bc-referral [data-referral-status]:empty{display:none}
@media(max-width:600px){.bc-referral{margin:14px 12px;padding:16px}.bc-referral-copy{flex-direction:column;align-items:stretch}.bc-referral-copy button{width:100%}}

.bc-referral-share{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.bc-referral-share a{box-sizing:border-box;flex:1 1 180px;display:block;padding:12px 16px;border-radius:9px;background:#007e87;color:#fff;text-align:center;text-decoration:none;font:650 14px/1.5 system-ui}
.bc-referral-share a:hover{background:#00636b}
.bc-referral-share a:focus-visible{outline:3px solid #df9900;outline-offset:3px}