:root {
  --boost-primary: #4f46e5;
  --boost-primary-dark: #3730a3;
  --boost-accent: #06b6d4;
  --boost-bg: #0f172a;
  --boost-card: rgba(255,255,255,.92);
}

.boost-auth {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(79,70,229,.35), transparent 40%),
    radial-gradient(circle at bottom right, rgba(6,182,212,.28), transparent 42%),
    #0b1220;
}

.boost-auth-panel {
  background: var(--boost-card);
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 60px rgba(15,23,42,.25);
}

.boost-auth .form-control,
.page .form-control {
  border-radius: 12px;
  min-height: 44px;
}

.boost-auth .btn-primary,
.page .btn-primary {
  background: linear-gradient(135deg, var(--boost-primary), #7c3aed);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(79,70,229,.28);
}

.boost-auth .btn-primary:hover,
.page .btn-primary:hover {
  filter: brightness(1.05);
}

.boost-auth-hero {
  background:
    linear-gradient(160deg, rgba(15,23,42,.35), rgba(79,70,229,.35)),
    url('../img/loginpage-1.jpg') center/cover no-repeat;
  min-height: 100vh;
}

.step-progressbar .step .circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e2e8f0;
}

.step-progressbar .step.active .circle,
.step-progressbar .step.completed .circle {
  background: var(--boost-primary);
  color: #fff;
}

.page {
  background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

.page .card {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}

.page-title {
  letter-spacing: -.02em;
}

.navbar-brand-image {
  object-fit: contain;
}

.timeline-event {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1rem;
}

.timeline-event-icon {
  position: absolute;
  left: 0;
  top: .15rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-event-card {
  background: #fff;
  border-radius: 12px;
  padding: .75rem 1rem;
  box-shadow: 0 6px 16px rgba(15,23,42,.06);
}