:root {
  color-scheme: dark;
  font-family: "Segoe UI", sans-serif;
  color: #eef3ff;
  background: #030710;
}

body {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  margin: 0;
  background: radial-gradient(ellipse at 50% 0%, #164ab4, transparent 65%);
}

main { padding: 24px; text-align: center; }

button {
  padding: 18px 58px;
  border: 1px solid #88c8ff;
  border-radius: 40px;
  background: linear-gradient(#53b3ff, #1169c4 22%, #0752a9);
  box-shadow: inset 0 1px 3px #ffffff88, 0 0 30px #2277e63b;
  color: white;
  font: 500 24px "Segoe UI", sans-serif;
  cursor: pointer;
}

button:hover { box-shadow: inset 0 1px 3px #ffffff88, 0 0 35px #2277e66b; }
button:focus-visible { outline: 3px solid white; outline-offset: 6px; }
p { margin: 32px 0 0; font-size: clamp(28px, 8vw, 44px); }
[hidden] { display: none; }