/* Sign-in pages: the HQ wordmark glowing on the night background. */
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 30%, #1C0C33 0%, #0B0614 65%); color: #F3E9FA;
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; padding: 20px; box-sizing: border-box; }
.box { width: 100%; max-width: 380px; text-align: center; display: grid; gap: 14px; }
.word { font-family: 'Monoton', Impact, sans-serif; font-size: 40px; line-height: 1; color: #FFE6FA;
  text-shadow: 0 0 6px #FF2BD6, 0 0 18px #FF2BD6, 0 0 42px #FF2BD6; margin-bottom: 8px; }
.word small { display: block; margin-top: 12px; font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .5em; color: #E6FDFF; text-shadow: 0 0 6px #00D9FF, 0 0 16px #00D9FF; }
p { margin: 0; color: #A897B8; line-height: 1.5; }
button { font: inherit; font-weight: 700; background: transparent; color: #FFE6FA; border: 2px solid #FF2BD6; border-radius: 999px; padding: 13px 24px; width: 100%; cursor: pointer;
  box-shadow: 0 0 16px -4px #FF2BD6, inset 0 0 12px -6px #FF2BD6; }
button:hover { background: rgba(255, 43, 214, .12); }
button:focus-visible { outline: 2px solid #00D9FF; outline-offset: 3px; }
.msg { border-radius: 10px; padding: 10px 12px; }
.ok { background: rgba(92, 255, 176, .1); color: #5CFFB0; }
.err { background: rgba(255, 176, 0, .1); color: #FFB000; }