.bd-referral-card{--bd-accent:var(--wp--preset--color--primary,#5b4bff);--bd-ink:var(--wp--preset--color--foreground,#17171a);--bd-surface:var(--wp--preset--color--background,#fff);position:relative;overflow:hidden;max-width:920px;margin:clamp(24px,5vw,64px) auto;padding:clamp(28px,5vw,58px);border:1px solid rgba(20,20,30,.1);border-radius:28px;background:linear-gradient(145deg,var(--bd-surface),color-mix(in srgb,var(--bd-accent) 7%,var(--bd-surface)));box-shadow:0 20px 60px rgba(20,20,30,.1);color:var(--bd-ink)}
.bd-referral-card *{box-sizing:border-box}.bd-referral-card button,.bd-referral-card input,.bd-referral-card textarea{font:inherit}.bd-referral-card__glow{position:absolute;right:-110px;top:-130px;width:320px;height:320px;border-radius:50%;background:var(--bd-accent);filter:blur(80px);opacity:.14;pointer-events:none}.bd-referral-card__content{position:relative;z-index:1}.bd-referral-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-accent)}
.bd-referral-card h2,.bd-referral-dialog h2{margin:.1em 0 .35em;font-size:clamp(2rem,5vw,3.65rem);line-height:1.03;letter-spacing:-.045em}.bd-referral-card p{max-width:690px;margin:0;color:color-mix(in srgb,var(--bd-ink) 72%,transparent);font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.bd-referral-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.bd-referral-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:14px;background:var(--bd-accent);color:#fff!important;font-weight:800;text-decoration:none!important;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--bd-accent) 28%,transparent);transition:transform .18s ease,box-shadow .18s ease}.bd-referral-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--bd-accent) 36%,transparent)}.bd-referral-primary:focus-visible,.bd-share-option:focus-visible,.bd-referral-close:focus-visible,.bd-referral-link-row button:focus-visible{outline:3px solid color-mix(in srgb,var(--bd-accent) 45%,white);outline-offset:3px}.bd-referral-primary svg{width:20px;height:20px;fill:currentColor}.bd-referral-note{font-size:.92rem;opacity:.7}.bd-referral-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.bd-referral-steps div{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid rgba(20,20,30,.09);border-radius:14px;background:rgba(255,255,255,.58);backdrop-filter:blur(8px)}.bd-referral-steps strong{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--bd-accent) 12%,transparent);color:var(--bd-accent)}.bd-referral-steps span{font-size:.91rem;font-weight:650;line-height:1.25}.bd-referral-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.bd-referral-modal[hidden]{display:none}.bd-referral-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.bd-referral-backdrop{position:absolute;inset:0;background:rgba(10,10,16,.68);backdrop-filter:blur(8px)}.bd-referral-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:min(88vh,820px);overflow:auto;padding:clamp(24px,5vw,38px);border-radius:24px;background:var(--bd-surface);box-shadow:0 30px 90px rgba(0,0,0,.28);color:var(--bd-ink)}.bd-referral-dialog h2{font-size:clamp(1.75rem,4vw,2.7rem)}.bd-referral-dialog__intro{margin:0 0 22px!important;font-size:1rem!important}.bd-referral-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(20,20,30,.07);color:inherit;font-size:28px;line-height:1;cursor:pointer}.bd-referral-link-row{display:flex;align-items:center;gap:12px;margin:20px 0;padding:12px 12px 12px 15px;border:1px solid rgba(20,20,30,.12);border-radius:13px;background:rgba(20,20,30,.035)}.bd-referral-link-row span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 .88rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.bd-referral-link-row button{border:0;border-radius:10px;padding:9px 12px;background:var(--bd-ink);color:var(--bd-surface);font-weight:750;cursor:pointer}.bd-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bd-share-option{display:flex;align-items:center;gap:13px;width:100%;min-height:76px;padding:14px;border:1px solid rgba(20,20,30,.1);border-radius:15px;background:rgba(255,255,255,.7);color:inherit!important;text-align:left;text-decoration:none!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.bd-share-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bd-accent) 40%,transparent);background:color-mix(in srgb,var(--bd-accent) 6%,white)}.bd-share-option svg{flex:0 0 25px;width:25px;height:25px;fill:var(--bd-accent)}.bd-share-option span{display:flex;min-width:0;flex-direction:column}.bd-share-option strong{font-size:.98rem}.bd-share-option small{margin-top:2px;opacity:.66}.bd-referral-qr{margin-top:18px;padding:22px;border-radius:16px;background:rgba(20,20,30,.04);text-align:center}.bd-referral-qr h3{margin:0 0 5px}.bd-referral-qr p{margin:0 auto 16px!important;font-size:.92rem!important}.bd-referral-qr__output img,.bd-referral-qr__output canvas,.bd-referral-qr__output svg{display:block;max-width:min(280px,100%);height:auto;margin:0 auto}.bd-referral-status{min-height:1.4em;margin:16px 0 0!important;color:var(--bd-accent)!important;font-size:.92rem!important;font-weight:700;text-align:center}.bd-referral-card--logged-out{text-align:center}.bd-referral-card--logged-out p{margin-inline:auto}.bd-referral-card--logged-out .bd-referral-primary{margin-top:24px}
body.bd-referral-modal-open{overflow:hidden}@media(max-width:700px){.bd-referral-card{border-radius:20px}.bd-referral-steps{grid-template-columns:1fr}.bd-share-grid{grid-template-columns:1fr}.bd-referral-dialog{border-radius:20px}.bd-referral-note{width:100%}}@media(prefers-reduced-motion:reduce){.bd-referral-primary,.bd-share-option{transition:none}}