/* ========================================
   Codnivio Community — Public Website Styles
   ======================================== */

.hero-section {
  min-height: 85vh;
  background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 50%, #084298 100%);
  padding: 6rem 0 4rem;
  position: relative;
  overflow: hidden;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 60%;
  height: 150%;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  pointer-events: none;
}

.hero-illustration {
  backdrop-filter: blur(8px);
}

.navbar-brand { letter-spacing: -0.02em; }
.nav-link { font-weight: 500; }
.nav-link:hover, .nav-link:focus { color: #fff !important; opacity: 0.9; }

.stat-box {
  background: rgba(255,255,255,0.1);
  border-radius: 0.75rem;
  padding: 1.25rem;
  text-align: center;
}

.testimonial-card {
  border-left: 4px solid var(--codnivio-primary);
}

.instructor-avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  background: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--codnivio-primary);
}