:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #0c1625;
  color: #edf0f6;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background:
    radial-gradient(ellipse at 49% 44%, #20314870, transparent 55%),
    radial-gradient(ellipse at 5% 15%, #28385135, transparent 48%),
    radial-gradient(ellipse at 94% 89%, #1c2d432d, transparent 48%),
    #0c1625;
}
.page { max-width: 1280px; min-height: 100svh; margin: auto; padding: 36px 64px 28px; display: flex; flex-direction: column; }
header, footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { width: 158px; height: auto; }
.status { color: #a5b3c7; font-size: 13px; letter-spacing: .02em; display: flex; align-items: center; gap: 9px; }
.status > span { width: 6px; height: 6px; border-radius: 50%; background: #b7e881; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 76px 0 86px; }
.symbol { width: 92px; height: 92px; display: grid; place-items: center; margin-bottom: 36px; border: 1px solid #475c7542; border-radius: 28px; background: radial-gradient(ellipse at 28% 12%, #31405466, transparent 80%), #16233380; box-shadow: inset 0 1px 0 #ffffff05, 0 20px 56px #02091629; }
.symbol img { width: 31px; height: auto; }
.eyebrow { margin: 0 0 22px; color: #afbfce; font-size: 13px; letter-spacing: .1em; }
h1 { margin: 0; font-size: clamp(52px, 6.6vw, 84px); font-weight: 500; letter-spacing: -.055em; line-height: 1.08; }
h1 span { color: #b7e584; }
.intro { margin: 27px 0 0; max-width: 560px; color: #a5b3c7; font-size: 17px; line-height: 1.8; font-weight: 400; }
.signature { display: flex; align-items: center; gap: 18px; margin-top: 51px; }
.signature p { color: #8797ad; font-size: 12px; letter-spacing: .025em; margin: 0; }
.signature > span { width: 36px; height: 1px; background: #374860; }
footer { border-top: 1px solid #33455e58; padding-top: 23px; color: #8c9ab0; font-size: 12px; }
footer > :first-child { color: #b9c4d3; }
@media (max-width: 600px) {
  .page { padding: 25px 25px 24px; }
  .brand { width: 133px; }
  .status { font-size: 11px; gap: 6px; }
  header { gap: 14px; }
  main { padding: 68px 0 74px; }
  .symbol { width: 78px; height: 78px; border-radius: 24px; margin-bottom: 31px; }
  .eyebrow { font-size: 11px; letter-spacing: .075em; }
  .intro { font-size: 15px; margin-top: 24px; }
  .wide-only { display: none; }
  .signature { gap: 10px; margin-top: 38px; }
  .signature > span { width: 15px; }
  .signature p { font-size: 11px; }
  footer { font-size: 10px; gap: 15px; }
}
@media (max-width: 359px) {
  header, footer { flex-wrap: wrap; }
  h1 { font-size: 46px; }
}