.hero {
background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%); padding:72px 0 64px; position:relative; overflow:hidden;
}

.hero::before {
content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F7941D' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.eyebrow {
font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--org); text-transform:uppercase; margin-bottom:10px; display:flex; align-items:center; gap:8px;
}

.eyebrow::before {
content:''; width:20px; height:2px; background:var(--org); border-radius:2px;
}

@keyframes notif-pulse {
0%,100% { transform:scale(1); }
    50% { transform:scale(1.15); }
}

@media(max-width:768px) {
.hero {padding:32px 0 28px!important}
}

.rw-wrap {
max-width:1060px;margin:0 auto;padding:0 24px;
}

.rw-hero {
background:linear-gradient(150deg,#12264a,#1a3568 55%,#234a86);color:#fff;padding:64px 24px 70px;text-align:center;
}

.rw-eyebrow {
font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#F7941D;margin-bottom:14px;
}

.rw-hero h1 {
font-family:'DM Serif Display',serif;font-size:46px;line-height:1.05;margin:0 0 16px;
}

.rw-hero h1 em {
color:#F7941D;font-style:normal;
}

.rw-hero p {
font-size:17px;color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 22px;line-height:1.55;
}

.rw-cta {
display:inline-block;background:#F7941D;color:#fff;font-weight:700;font-size:16px;text-decoration:none;padding:14px 32px;border-radius:12px;box-shadow:0 6px 20px rgba(247,148,29,.35);
}

.rw-sec {
padding:52px 0;
}

.rw-sec h2 {
font-family:'DM Serif Display',serif;font-size:30px;color:#1a3568;text-align:center;line-height:1.15;margin:0 0 10px;
}

.rw-sec .lead {
font-size:16px;color:#5a6b72;text-align:center;max-width:680px;margin:0 auto 34px;line-height:1.6;
}

.rw-ladder {
display:flex;flex-direction:column;gap:16px;position:relative;
}

.rw-rank {
display:flex;gap:20px;align-items:stretch;background:#fff;border:1px solid #ede8e1;border-radius:18px;padding:22px 24px;box-shadow:0 1px 4px rgba(0,0,0,.05);position:relative;
}

.rw-rank .medal {
flex-shrink:0;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:'DM Sans',sans-serif;line-height:1;
}

.rw-rank .medal .n {
font-size:21px;
}

.rw-rank .medal .t {
font-size:8px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;opacity:.85;
}

.rw-rank .body {
flex:1;
}

.rw-rank .rk-name {
font-family:'DM Serif Display',serif;font-size:21px;color:#1a1a1a;line-height:1;
}

.rw-rank .rk-earn {
font-size:13.5px;color:#5a6b72;margin:5px 0 12px;
}

.rw-rank .rk-earn b {
color:#1a3568;
}

.kit {
display:flex;flex-wrap:wrap;gap:14px;
}

.kit-item {
width:116px;text-align:center;
}

.kit-item .thumb {
width:116px;height:116px;background:#fff;border:1px solid #ece6dd;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);
}

.kit-item .thumb svg {
width:100%;height:100%;
}

.kit-item .thumb img {
width:100%;height:100%;object-fit:contain;border-radius:8px;
}

.kit-item .lbl {
font-size:11.5px;color:#444;margin-top:7px;line-height:1.3;font-weight:600;display:block;
}

.rw-flow {
display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}

.rw-flow .step {
background:#fff;border:1px solid #ede8e1;border-radius:16px;padding:20px;text-align:center;
}

.rw-flow .step .num {
width:34px;height:34px;border-radius:50%;background:#1a3568;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:14px;
}

.rw-flow .step h4 {
font-size:14px;color:#1a3568;margin:0 0 5px;
}

.rw-flow .step p {
font-size:12.5px;color:#666;line-height:1.45;margin:0;
}

.rw-emp {
background:#1a3568;color:#fff;border-radius:18px;padding:30px 34px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;
}

.rw-emp .ic {
font-size:40px;
}

.rw-emp h3 {
font-family:'DM Serif Display',serif;font-size:22px;margin:0 0 6px;
}

.rw-emp p {
margin:0;font-size:14.5px;color:rgba(255,255,255,.9);line-height:1.55;flex:1;min-width:260px;
}

.rw-emp p b {
color:#ffd76a;
}

.rw-donor .d .rk {
font-family:'DM Serif Display',serif;font-size:18px;color:#0a5f56;
}

@media(max-width:760px) {
.rw-hero h1 {font-size:34px;}
.rw-flow {grid-template-columns:1fr 1fr;}
.rw-rank {flex-direction:column;align-items:center;gap:12px;text-align:center;}
.rw-rank .body {width:100%;}
.rw-rank .kit {justify-content:center;}
}

/* extracted inline styles */
.rewards-i1 {
  padding-top:24px;
}

.rewards-i2 {
  background:#8a8f98;
}

.rewards-i3 {
  background:#F7941D;
}

.rewards-i4 {
  background:#2a9d8f;
}

.rewards-i5 {
  background:#1a3568;
}

.rewards-i6 {
  background:#C4720D;
}

.rewards-i7 {
  background:linear-gradient(120deg,#fffdf5,#fdf3d6);border-color:#f0d98a;
}

.rewards-i8 {
  background:linear-gradient(135deg,#e0a93a,#946c00);
}

.rewards-i9 {
  background:linear-gradient(135deg,#f0c14b,#a8810a);
}

.rewards-i10 {
  padding-top:8px;
}

.rewards-i11 {
  flex-direction:column;align-items:flex-start;
}

.rewards-i12 {
  display:flex;gap:22px;align-items:center;width:100%;flex-wrap:wrap;
}

.rewards-i13 {
  flex:1;min-width:240px;
}

.rewards-i14 {
  width:100%;margin-top:24px;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;
}

.rewards-i15 {
  font-size:13.5px;font-weight:700;color:#ffd76a;margin-bottom:16px;letter-spacing:.02em;
}

.rewards-i16 {
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
}

.rewards-i17 {
  display:block;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:5px;
}

.rewards-i18 {
  width:100%;box-sizing:border-box;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:8px;padding:9px 12px;color:#fff;font-size:14px;font-family:inherit;outline:none;
}

.rewards-i19 {
  grid-column:1/-1;
}

.rewards-i20 {
  margin-top:16px;background:#ffd76a;color:#1a1a1a;border:none;border-radius:9px;padding:11px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;
}

.rewards-i21 {
  display:none;margin-top:14px;background:rgba(255,255,255,.12);border-radius:8px;padding:12px 16px;color:#ffd76a;font-size:13.5px;font-weight:600;
}

.rewards-i22 {
  text-align:center;padding-top:8px;
}

.rewards-i23 {
  background:linear-gradient(135deg,#F7941D,#e07800);border-radius:20px;padding:44px 28px;
}

.rewards-i24 {
  background:#fff;color:#C4720D;
}