:root {
  color: #fff;
  background: #05062f;
  font-family: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }

body {
  display: grid;
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  padding: 24px;
  background:
    radial-gradient(circle at 78% 18%, rgba(99, 91, 255, .42), transparent 34%),
    linear-gradient(145deg, #05062f, #090a44);
  place-items: center;
}

main {
  width: min(680px, 100%);
  padding: clamp(28px, 7vw, 70px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 24px;
  background: rgba(255, 255, 255, .06);
}

.brand { margin-bottom: 72px; font-size: 1.35rem; font-weight: 800; }
.label { color: #aaa6ff; font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { max-width: 12ch; margin: 0 0 18px; font-size: clamp(2.6rem, 8vw, 5rem); line-height: .95; letter-spacing: -.055em; }
p { max-width: 42ch; color: rgba(255, 255, 255, .76); font-size: 1.05rem; line-height: 1.55; }
small { display: block; margin-top: 72px; color: rgba(255, 255, 255, .5); }