#dcCookReferral{margin:12px 0;padding:16px;border:1px solid #dce4f3;border-radius:16px;background:#f5f7ff;color:#263d68;box-sizing:border-box;max-width:100%}
#dcCookReferral[hidden]{display:none!important}
#dcCookReferral .dc-referral-heading{display:flex;align-items:center;gap:10px}
#dcCookReferral h3{margin:0;font-size:17px;line-height:1.3;font-weight:800;color:#1d3972}
#dcCookReferral .dc-referral-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#e5ecfb;font-size:15px;font-weight:850;color:#24459a}
#dcCookReferral p{font-size:12px;line-height:1.5;margin:8px 0 0;color:#52647f}
#dcCookReferral .dc-referral-description{margin-top:10px}
#dcCookReferral .dc-referral-steps{display:flex;gap:6px;margin-top:12px}
#dcCookReferral .dc-referral-steps span{flex:1;height:5px;border-radius:8px;background:#dfe6f2}
#dcCookReferral .dc-referral-steps .is-complete{background:#4269b5}
#dcCookReferral [data-progress]{font-weight:700;color:#263d68}
#dcCookReferral [data-reward]{margin-top:4px}
#dcCookReferral.is-rewarded [data-reward]{font-weight:700;color:#245b48}
#dcCookReferral button{width:100%;min-height:44px;margin-top:12px;padding:10px 12px;border:1px solid #24459a;border-radius:11px;background:#24459a;color:white;font:700 13px/1.3 system-ui;cursor:pointer}
#dcCookReferral button:disabled{opacity:.55;cursor:default}
#dcCookReferral [data-retry]{background:white;color:#24459a}
#dcCookReferral input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:10px;padding:10px;border:1px solid #bccae3;border-radius:9px;background:white;color:#18304f;font:12px system-ui}
#dcCookReferral [hidden]{display:none!important}
#dcCookReferral button:focus-visible,#dcCookReferral input:focus-visible{outline:3px solid #8aaaf0;outline-offset:2px}
#dcCookReferral [data-feedback]:empty{display:none}
#dcCookReferral .dc-referral-once{font-size:11px;color:#65748e;margin-top:8px}
