:root { color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; background: #081a44; color: #fff; }
* { box-sizing: border-box; }
body {
  min-height: 100vh; min-height: 100svh; margin: 0;
  display: flex; flex-direction: column;
  background: radial-gradient(ellipse at 85% 25%, #183fa0 0, #0c286a 34%, #081a44 72%);
}
.brand { padding: 40px clamp(24px, 7vw, 112px) 0; }
.brand img { display: block; width: 145px; height: auto; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 64px clamp(24px, 7vw, 112px) 80px; }
.eyebrow { margin: 0 0 24px; color: #b2c8ff; font-size: .875rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; max-width: 100%; font-size: clamp(2.75rem, 7.5vw, 6.75rem); font-weight: 750; line-height: 1.08; letter-spacing: -.04em; }
h1 span { color: #adc6ff; }
.message { max-width: 650px; margin: 30px 0 0; color: #d4def5; font-size: 1.125rem; line-height: 1.75; }
.status { margin-top: 36px; border: 1px solid #5776b1; border-radius: 999px; padding: 10px 18px; color: #dce7ff; font-size: .875rem; }
footer { display: flex; justify-content: space-between; gap: 16px; margin: 0 clamp(24px, 7vw, 112px); padding: 22px 0 28px; border-top: 1px solid #3e5582; color: #b2c2e5; font-size: .875rem; }
footer span:first-child { color: #fff; font-weight: 700; letter-spacing: .04em; }
@media (max-width: 600px) {
  .brand { padding-top: 28px; }
  .brand img { width: 115px; }
  main { padding-top: 60px; padding-bottom: 64px; }
  .eyebrow { font-size: .8125rem; letter-spacing: .08em; }
  .message { font-size: 1rem; }
  .desktop-break { display: none; }
  footer { flex-wrap: wrap; }
}