/* UO Oasis — Bootstrap 5 styles */
:root {
  --oasis-primary: #5B8CFF;
  --oasis-gradient-start: #5B8CFF;
  --oasis-gradient-end: #AA7DFF;
}

html, body { background-color: #0d0f14; }

.glassy {
  background: rgba(13,15,20,.6);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.tracking { letter-spacing: .06em; }

.fw-extrabold { font-weight: 900; }

.text-secondary-400 { color: rgba(255,255,255,.65)!important; }

.maxw-700 { max-width: 700px; }

.text-gradient {
  background: linear-gradient(90deg, var(--oasis-gradient-start), var(--oasis-gradient-end));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero {
  position: relative;
  min-height: 90vh;
  padding-top: 88px;
  background: url('assets/img/hero.jpg') center/cover no-repeat fixed, #0d0f14;
}

.hero .overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(13,15,20,.2), rgba(13,15,20,.8) 60%);
}

.card.feature {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.06);
}

.bg-gradient-primary {
  background-image: linear-gradient(90deg, var(--oasis-gradient-start), var(--oasis-gradient-end));
}

.py-6 { padding-top: 4.5rem; padding-bottom: 4.5rem; }

.glightbox img { cursor: zoom-in; }

footer { color: rgba(255,255,255,.7); }

a { transition: opacity .2s ease; }
a:hover { opacity: .9; }