.topbar {
  background: #0f4d8b;
  color: #ffffff;
}

.orb {
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(48, 90, 217, .30), rgba(15, 77, 139, .18)),
    url('/assets/gtc-hero.jpeg') center center / cover no-repeat;
  border: 8px solid rgba(255, 255, 255, .78);
  box-shadow: 0 24px 60px rgba(15, 77, 139, .22);
}

.orb::before {
  inset: 22px;
  border: 1px solid rgba(255, 255, 255, .58);
  box-shadow: inset 0 0 0 1px rgba(15, 77, 139, .10);
}

.login-brand {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 13px 18px 11px;
  background: white;
  border-radius: 14px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .16);
}

.login-brand img { width: 178px; max-height: 54px; object-fit: contain; }
.login-brand span { color: var(--navy); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.login-art h2 { margin-top: 72px; }

.feature-card strong {
  max-width: 180px;
  margin: 8px 0 5px;
  font-size: 23px;
  line-height: 1.08;
}

.feature-card span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}