/* Minimal custom styles for a "sundar" look */
:root {
  --glass-bg: rgba(255, 255, 255, 0.12);
  --glass-border: rgba(255, 255, 255, 0.25);
}

.bg-gradient {
  min-height: 100vh;
  background: radial-gradient(1000px 600px at 10% 10%, #201f5a 0%, #0b0b2a 40%, #050512 100%);
  color: #fff;
}

.glass-nav {
  background: var(--glass-bg);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--glass-border);
}

.card-glass {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 1.25rem;
  box-shadow: 0 20px 40px rgba(0,0,0,.35);
  color: #fff;
}

.card-glass .form-control, .card-glass .form-select {
  background: rgba(255,255,255,.08);
  color: #fff;
  border-color: rgba(255,255,255,.25);
}

.card-glass .form-control::placeholder { color: rgba(255,255,255,.65); }

.btn-soft {
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  color: #fff;
}

.btn-soft:hover { background: rgba(255,255,255,.25); }

.role-pill {
  font-size: .85rem;
  padding: .25rem .6rem;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}