:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(120% 80% at 50% 0%, #1E1B16 0%, #0B0B0D 55%, #09090B 100%);
  color: #F5F2EA; font-family: Inter, -apple-system, system-ui, sans-serif; -webkit-font-smoothing: antialiased;
}
main { width: 100%; max-width: 420px; padding: 48px 28px; text-align: center; }
.emblem { width: 112px; height: 112px; filter: drop-shadow(0 8px 32px rgba(217, 178, 111, 0.25)); }
.overline { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #A7A39A; font-weight: 600; margin: 28px 0 8px; }
h1 { font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: 40px; line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 14px; }
h1 em { font-style: italic; background: linear-gradient(135deg, #F2D49B, #D9B26F 55%, #9C7A3C); -webkit-background-clip: text; background-clip: text; color: transparent; }
p { color: #A7A39A; font-size: 16px; line-height: 1.5; margin: 0 0 28px; }
.btn { display: block; width: 100%; padding: 17px 24px; border-radius: 999px; font-weight: 600; font-size: 16px; text-decoration: none; margin-bottom: 12px; }
.btn-gold { background: linear-gradient(135deg, #F2D49B, #D9B26F 55%, #9C7A3C); color: #1A1408; box-shadow: 0 10px 40px rgba(217, 178, 111, 0.25); }
.btn-ghost { background: #1B1B20; color: #F5F2EA; border: 1px solid #3A3A43; }
.stores { display: flex; gap: 12px; }
.stores .btn { font-size: 14px; padding: 14px 12px; }
.code { font-family: ui-monospace, Menlo, monospace; color: #D9B26F; letter-spacing: 0.08em; }
.fine { font-size: 12px; color: #6E6B65; margin-top: 28px; }
[hidden] { display: none !important; }