.ox-referral{grid-column:1/-1;min-width:0;padding:24px;border:1px solid var(--line,#293c45);border-radius:24px;background:var(--card,#12222a);color:var(--text,#edf5f7)}
.ox-ref-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.ox-ref-heading span{font-size:12px;opacity:.8}.ox-ref-heading h2{font:600 23px/1.25 Inter,sans-serif;margin:6px 0}.ox-ref-heading>strong{font-size:40px;color:#78cebd;white-space:nowrap}.ox-ref-heading small{font-size:20px}
.ox-referral p{font-size:14px;line-height:1.6;color:inherit;opacity:.85;margin:14px 0}.ox-ref-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}.ox-ref-tiers>div{display:grid;gap:7px;padding:12px;border:1px solid var(--line,#334851);border-radius:14px}.ox-ref-tiers .current{border-color:#66c5b0;background:rgba(71,172,148,.14)}.ox-ref-tiers span{font-size:12px}.ox-ref-tiers b{font-size:22px}.ox-ref-tiers small{font-size:11px;opacity:.8}
.ox-ref-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.ox-ref-progress{height:7px;border-radius:10px;overflow:hidden;background:rgba(128,151,153,.22)}.ox-ref-progress i{display:block;height:100%;background:linear-gradient(90deg,#399b9d,#8ad2b9);border-radius:inherit;transition:width .5s ease}
.ox-ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.ox-ref-metrics>div{display:grid;gap:5px}.ox-ref-metrics b{font-size:22px}.ox-ref-metrics span{font-size:12px;opacity:.8}.ox-ref-links{display:grid;gap:10px}.ox-ref-links>div{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:8px;align-items:center}.ox-ref-links label{font-size:13px}.ox-ref-links input{min-width:0;width:100%;border:1px solid var(--line,#334851);border-radius:10px;padding:11px;background:rgba(90,127,139,.1);color:inherit;font:12px Inter,sans-serif}.ox-ref-links button{border:1px solid #548d87;border-radius:10px;background:rgba(71,172,148,.12);color:inherit;padding:11px;cursor:pointer;transition:background .2s}.ox-ref-links button:hover{background:rgba(71,172,148,.28)}.ox-referral .ox-ref-note{font-size:12px}.ox-ref-message{font-size:13px;color:inherit}
[data-theme="light"] .ox-referral,[data-tg-theme="light"] .ox-referral{background:#dce9e0;color:#203d38;border-color:#acc6b8}[data-theme="light"] .ox-ref-heading>strong,[data-tg-theme="light"] .ox-ref-heading>strong{color:#236a58}
@media(max-width:600px){.ox-referral{padding:18px}.ox-ref-heading h2{font-size:20px}.ox-ref-heading>strong{font-size:32px}.ox-ref-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-ref-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-ref-links>div{grid-template-columns:minmax(0,1fr) auto}.ox-ref-links label{grid-column:1/-1}.ox-ref-progress-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ox-referral *{transition:none!important}}
.ox-referral{scroll-margin-top:90px}.ox-ref-qr summary{cursor:pointer;font-size:13px;padding:10px 0}.ox-ref-qr img{display:block;background:white;padding:12px;border-radius:12px;margin:8px 0}.ox-ref-shortcut{display:inline-flex;margin:0 0 14px;color:inherit;font-size:14px;text-decoration:none;padding:10px 14px;border:1px solid var(--line,#334851);border-radius:12px}
.partner-create{display:flex;align-items:flex-start;gap:14px;margin:18px 0 22px;padding:18px;border:1px solid rgba(94,184,193,.4);border-radius:18px;background:linear-gradient(125deg,rgba(45,120,162,.2),rgba(50,139,123,.13));color:#eef7fa;text-decoration:none;text-align:left;transition:background .2s,transform .2s,box-shadow .2s}
.partner-create-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:rgba(99,182,210,.15);color:#94d6e7}
.partner-create-icon svg{width:26px;height:26px}
.partner-create-copy{display:grid;gap:7px;min-width:0}
.partner-create-copy strong{font-size:16px;font-weight:650;line-height:1.3;color:inherit}
.partner-create-copy small{font-size:13px;line-height:1.5;color:#aec4ce}
.partner-create-copy b{display:inline-flex;align-items:center;gap:18px;justify-self:start;margin-top:5px;padding:8px 13px;border-radius:10px;background:#a0d2d1;color:#143236;font-size:13px;font-weight:650}
.partner-create:hover{box-shadow:0 6px 22px rgba(37,112,125,.16);border-color:#87c9d2}
.partner-create:active{transform:translateY(1px)}
.partner-create:focus-visible{outline:3px solid #80d4df;outline-offset:3px}
[data-theme="light"] .partner-create,[data-tg-theme="light"] .partner-create{background:linear-gradient(120deg,#c3ddd5,#d2e3dc);color:#173d39;border-color:#86b1a5}
[data-theme="light"] .partner-create-copy small,[data-tg-theme="light"] .partner-create-copy small{color:#365c56}
[data-theme="light"] .partner-create-icon,[data-tg-theme="light"] .partner-create-icon{color:#24685f}
[data-theme="light"] .partner-create-copy b,[data-tg-theme="light"] .partner-create-copy b{background:#266c60;color:#f0faf6}
@media(prefers-reduced-motion:reduce){.partner-create{transition:none}}
.ox-ref-jump{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:11px 18px;margin:12px 0 4px;border:1px solid #82bbb8;border-radius:14px;background:#a0d2d1;color:#143236;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s,transform .18s}
.ox-ref-jump:hover{background:#bce4df}
.ox-ref-jump:active{transform:translateY(1px)}
.ox-ref-jump:focus-visible{outline:3px solid #80d4df;outline-offset:3px}
.ox-referral .partner-create{scroll-margin-top:100px}
.ox-ref-links{scroll-margin-top:100px}
.ref-card-bot,.ref-card-cash{position:relative;isolation:isolate;overflow:hidden;min-height:155px}
.ref-card-bot{background:linear-gradient(115deg,#19323f,#254f65)}
.ref-card-cash{background:linear-gradient(115deg,#1d3531,#315945)}
.ref-card-art{position:absolute;right:-12px;bottom:-10px;width:175px;height:155px;color:#9bd9dc;opacity:.48;z-index:-1;pointer-events:none}
.ref-card-cash .ref-card-art{color:#b6dca7;transform:rotate(-5deg)}
.ref-card-bot .partner-create-copy,.ref-card-cash .partner-create-copy{width:100%;padding-right:70px}
.ref-card-bot .partner-create-copy small,.ref-card-cash .partner-create-copy small{max-width:360px}
[data-theme="light"] .ref-card-art,[data-tg-theme="light"] .ref-card-art{color:#397e76;opacity:.24}
.ox-ref-links:focus-visible{outline:2px solid #80bcb2;outline-offset:6px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.ox-ref-jump{transition:none}}