* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; font-family: "Rubik", system-ui, sans-serif;
  background: radial-gradient(circle at top, #1d1d2b 0, #07070c 55%, #000 100%); color: #f3f3f7; }
.landing { text-align: center; padding: 32px 20px; max-width: 520px; }
.mark { width: 76px; height: 76px; margin: 0 auto 18px; border-radius: 20px; display: grid; place-items: center;
  background: #111; color: #d4a258; box-shadow: 0 0 0 1px rgba(212,162,88,.35), 0 18px 50px rgba(212,162,88,.18); }
.mark svg { width: 52px; height: 52px; }
h1 { margin: 0 0 8px; font-size: 34px; letter-spacing: .02em; }
.lead { margin: 0 0 18px; color: #c9c9d6; line-height: 1.7; }
.hint { margin: 0 0 28px; color: #8d8da3; font-size: 14px; }
.links a { display: inline-block; padding: 10px 22px; border-radius: 999px; background: #d4a258; color: #140f08;
  font-weight: 600; text-decoration: none; }
.links a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }