:root{
  --rtc-accent: #ff4d6d; /* rose-ish */
  --rtc-card: #121416;
  --rtc-card-border: rgba(255,255,255,.08);
}

body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(255,77,109,.10), transparent 60%),
              radial-gradient(1000px 500px at 80% 10%, rgba(0,168,255,.08), transparent 55%),
              #0b0d10;
}

a{ color: #e5e7eb; }
a:hover{ color: white; }

.rtc-hero{
  background: linear-gradient(135deg, rgba(255,77,109,.18), rgba(0,168,255,.10));
  border: 1px solid var(--rtc-card-border);
  border-radius: 18px;
}

.rtc-card{
  background: var(--rtc-card);
  border: 1px solid var(--rtc-card-border);
  border-radius: 16px;
}

.rtc-badge{
  background: rgba(255,77,109,.15);
  border: 1px solid rgba(255,77,109,.35);
  color: #ffd7df;
}

.btn-accent{
  background: var(--rtc-accent);
  border-color: var(--rtc-accent);
  color: #0b0d10;
  font-weight: 700;
}
.btn-accent:hover{
  filter: brightness(1.05);
  color: #0b0d10;
}