.login-shell {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: var(--space-7) 0;
}

.login-panel {
  width: min(32rem, 100%);
  display: grid;
  gap: var(--space-6);
  padding: clamp(1.5rem, 4vw, 2.2rem);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at top right, rgba(144, 184, 255, 0.18), transparent 32%),
    linear-gradient(180deg, rgba(18, 22, 31, 0.96), rgba(10, 12, 18, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: var(--shadow);
}

.login-copy {
  display: grid;
  gap: var(--space-3);
}

.login-copy h1 {
  font-size: clamp(2.4rem, 8vw, 3.4rem);
}

.login-foot {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  flex-wrap: wrap;
}