/* Two homepage reward paths, using Binance's yellow within the existing theme. */
.binance-rewards{padding-block:12px 48px;--reward-gold:#856000;--reward-card-fill:#fff;--reward-icon-fill:#f8f0d7}
html[data-theme="dark"] .binance-rewards{--reward-gold:#f0b90b;--reward-card-fill:#11141b;--reward-icon-fill:#30280f}
.rewards-heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-block-end:22px}
.rewards-heading-row h2{font-size:clamp(22px,2.2vw,29px);line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);font-weight:650;min-width:0;text-wrap:balance}
.rewards-brand{display:inline-flex;align-items:center;gap:8px;color:var(--reward-gold);font-family:var(--font-numeric);font-size:12px;font-weight:700;letter-spacing:.07em;flex-shrink:0}
.rewards-brand svg{width:22px;height:22px;flex-shrink:0}
.rewards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.reward-card{display:flex;flex-direction:column;min-width:0;padding:28px 30px 24px;border-radius:20px;background:var(--reward-card-fill);text-align:start;box-shadow:var(--shadow)}
.reward-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block-end:23px}
.reward-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;color:var(--reward-gold);background:var(--reward-icon-fill)}
.reward-icon svg{width:29px;height:29px}
.reward-index{font:500 13px/1 var(--font-numeric);color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.reward-card h3{font-size:21px;line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);font-weight:650;overflow-wrap:break-word;text-wrap:balance}
.reward-card p{margin-block:12px 25px;color:var(--muted);font-size:14px;line-height:var(--copy-leading);max-width:45ch;overflow-wrap:break-word}
.reward-link{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--reward-gold);font-size:14px;font-weight:600;line-height:var(--copy-leading);margin-block-start:auto}
.reward-link>span:first-child{min-width:0;overflow-wrap:break-word}
.reward-arrow{font-size:23px;line-height:1;flex-shrink:0;font-family:var(--font-numeric)}
.reward-card:focus-visible{outline:3px solid var(--reward-gold);outline-offset:5px}
html[dir="rtl"] .reward-arrow{transform:scaleX(-1)}
@media(hover:hover){.reward-card:hover{box-shadow:0 16px 38px #0002}.reward-card:hover .reward-link{text-decoration:underline;text-underline-offset:5px}}
@media(prefers-reduced-motion:no-preference){.reward-card{transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover){.reward-card:hover{transform:translateY(-3px)}}}
@media(max-width:767px){.binance-rewards{padding-block:5px 38px}.rewards-heading-row{align-items:flex-start;gap:18px;margin-block-end:18px}.rewards-heading-row h2{font-size:22px}.rewards-brand{font-size:10px;gap:5px;margin-block-start:5px}.rewards-brand svg{width:18px;height:18px}.reward-card{padding:24px}.reward-card h3{font-size:20px}.reward-card-top{margin-block-end:19px}}
@media(max-width:620px){.rewards-grid{grid-template-columns:minmax(0,1fr);gap:14px}.reward-card{border-radius:18px}.reward-card p{max-width:none;margin-block-end:20px}.reward-card-top{margin-block-end:18px}}
@media(max-width:359px){.rewards-heading-row{gap:12px}.rewards-heading-row h2{font-size:20px}.rewards-brand{font-size:9px}.reward-card{padding:22px 20px}.reward-card h3{font-size:19px}}