:root {
  --rs-violet: #5b2d8e;
  --rs-pink: #c43b7a;
  --rs-ink: #1a1a2e;
  --rs-muted: #6c757d;
  --rs-bg: #f6f4f8;
}

body {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  color: var(--rs-ink);
  background: var(--rs-bg);
}

.brand-violet { color: var(--rs-violet); }
.brand-pink { color: var(--rs-pink); }
.text-gradient {
  background: linear-gradient(120deg, var(--rs-violet), var(--rs-pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.navbar-rs {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.btn-rs {
  background: linear-gradient(120deg, var(--rs-violet), var(--rs-pink));
  border: 0;
  color: #fff;
  font-weight: 700;
}
.btn-rs:hover { color: #fff; filter: brightness(1.05); }

.hero-card {
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 8px 30px rgba(91,45,142,.08);
}

.section-card {
  background: #fff;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: 0 6px 24px rgba(0,0,0,.05);
}

.login-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 15% 20%, rgba(91,45,142,.12), transparent 45%),
    radial-gradient(circle at 85% 10%, rgba(196,59,122,.12), transparent 40%),
    var(--rs-bg);
}

.avatar-lg {
  width: 112px;
  height: 112px;
  object-fit: cover;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

.badge-pilot {
  background: linear-gradient(120deg, var(--rs-violet), var(--rs-pink));
  color: #fff;
}