body:has(#page-auth) #page-auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 14px 44px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

body:has(#page-auth) #page-auth::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(184,255,31,.22), transparent 28%),
    radial-gradient(circle at 80% 18%, rgba(120,190,255,.18), transparent 26%),
    radial-gradient(circle at 50% 80%, rgba(255,255,255,.45), transparent 30%),
    linear-gradient(180deg, #eef6ff 0%, #ddeaf8 45%, #edf3fa 100%);
  z-index: -2;
}

body:has(#page-auth) #page-auth::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: blur(2px);
  z-index: -1;
  pointer-events: none;
}

#page-auth .wna-shell {
  width: 100%;
  max-width: 560px;
}

#page-auth .wna-card {
  box-shadow:
    0 24px 80px rgba(15,23,42,.10),
    0 8px 30px rgba(15,23,42,.06);
}