:root{
  --bg:#07070a;
  --card: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.10);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.65);
  --accent:#c40d2e;
  --accent2:#ff2d55;
  --shadow: 0 18px 50px rgba(0,0,0,.55);
}

html,body{height:100%;}
body{
  background:
    radial-gradient(1100px 600px at 20% 10%, rgba(196,13,46,.25), transparent 60%),
    radial-gradient(900px 500px at 90% 30%, rgba(255,45,85,.18), transparent 55%),
    radial-gradient(700px 500px at 40% 90%, rgba(196,13,46,.16), transparent 60%),
    var(--bg);
  color: var(--text);
}

.rf-wrap{max-width: 1100px;}

.rf-card{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

.rf-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(196,13,46,.35);
  background: rgba(196,13,46,.12);
  color: rgba(255,255,255,.95);
  font-weight: 700;
  letter-spacing:.3px;
}

.rf-muted{color: var(--muted);}
.rf-title{
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.05;
}

.rf-cta{
  border-radius: 14px;
  padding: .9rem 1.1rem;
  font-weight: 800;
}

.btn-rf{
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  border: 0;
  color: white;
}
.btn-rf:hover{filter: brightness(1.08); color: white;}

.btn-outline-rf{
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.9);
}
.btn-outline-rf:hover{background: rgba(255,255,255,.08); color: white;}

.rf-stat{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: .95rem;
  height: 100%;
}
.rf-stat .num{font-size: 1.6rem; font-weight: 900;}
.rf-stat .lbl{font-size: .85rem; color: var(--muted);}
tr{
    
}
}
.rf-table td, .rf-table th{
  border-color: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.88);
}
.rf-table th{color: rgba(255,255,255,.75); font-weight: 800;}

.rf-story{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 1rem;
}

.rf-chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding: .25rem .55rem;
  border-radius: 999px;
  font-size:.82rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.84);
}

.rf-divider{height:1px;background:rgba(255,255,255,.10);}

@media (max-width: 576px){
  .rf-title{font-size: 2.0rem;}
}
@media (min-width: 577px){
  .rf-title{font-size: 2.7rem;}
}