:root {
  color-scheme: dark;
  --bg: #0f1012;
  --line: #2b2d31;
  --ink: #ececec;
  --muted: #9b9da1;
  --accent: #ff8c1a;
}

* { box-sizing: border-box; border-radius: 0 !important; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  color: var(--ink);
  font: 400 15px/1.5 system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

main { width: 100%; max-width: 760px; margin: 0 16px; padding: 40px 24px 32px; border: 1px solid var(--line); border-top: 2px solid var(--accent); text-align: center; }

h1 { margin: 0; font-size: clamp(1.8rem, 7vw, 3.4rem); font-weight: 400; letter-spacing: .12em; color: var(--accent); }

.qsy { margin-top: 6px; font-size: clamp(2.6rem, 11vw, 6rem); font-weight: 400; letter-spacing: .2em; color: var(--ink); }