body.security-page {
  margin: 0;
  overflow: hidden;
  background: #02060d;
}

.security-stage {
  position: fixed;
  inset: 0;
  z-index: 1;
}

.security-overlay {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.security-card {
  width: min(560px, 94vw);
  background: rgba(6, 13, 24, 0.82);
  border: 1px solid rgba(95, 190, 255, 0.35);
  box-shadow: 0 14px 46px rgba(1, 8, 19, 0.72);
  backdrop-filter: blur(6px);
}

.security-card h1 {
  margin: 0 0 0.6rem;
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #eaf6ff;
}

.security-subtitle {
  margin: 0 0 1rem;
  color: #b8cee1;
}

.security-question {
  color: #eff7ff;
  font-weight: 600;
}

.security-brand {
  position: fixed;
  left: 0;
  right: 0;
  top: 18px;
  z-index: 2;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.security-brand {
  color: #d7ecff;
  letter-spacing: 0.45rem;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(80, 189, 255, 0.78);
  font-size: clamp(1rem, 2.3vw, 1.45rem);
  font-weight: 700;
  opacity: 0.86;
}