:root { --bg: #1c1815; --ink: #f6efe6; --muted: #a79d92; --accent: #f0a64a; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", "Noto Sans KR", "Malgun Gothic", "Noto Sans Khmer", sans-serif;
  display: flex; flex-direction: column; min-height: 100vh;
}
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 20px 24px; }
.hey { margin: 0; font-size: 22px; color: var(--accent); letter-spacing: .04em; }
h1 { margin: 0; font: 800 clamp(56px, 16vw, 128px)/1 Georgia, "Times New Roman", serif; letter-spacing: .02em; }
.soon { margin: 14px 0 0; font-size: 20px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.soon .ko, .resv .ko, .hint .ko { text-transform: none; letter-spacing: 0; }
.rule { width: 56px; height: 3px; background: var(--accent); border-radius: 2px; margin: 36px 0 26px; }
.resv { margin: 0 0 14px; color: var(--muted); }
.btn {
  display: inline-block; background: var(--accent); color: #1c1815; text-decoration: none;
  font-weight: 700; padding: 14px 28px; border-radius: 999px; font-size: 18px; word-break: break-all;
}
.btn:hover, .btn:focus-visible { background: #ffc06a; }
.hint { margin: 18px 0 0; font-size: 14px; color: var(--muted); }
footer { text-align: center; padding: 20px; color: #6f665c; font-size: 13px; }