/* Shared by the small pages around the landing page: /api/claim, thanks.html, terms.html */
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Inter:wght@400;500;600&display=swap');
:root { --ink: #050607; --museum: #8d9aa6; --dim: #56616b; --line: rgba(141, 154, 166, 0.18); --paper: #e8dcc4; --paper-dim: #b9ad97; --glow: #f2cf7a; --blood: #d8392e; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 50% 0%, #10161c, var(--ink) 60%); color: var(--paper); font: 16px/1.65 Inter, system-ui, sans-serif; }
a { color: var(--glow); }
h1, h2 { font-family: 'Special Elite', monospace; font-weight: 400; line-height: 1.1; }
h1 { font-size: clamp(30px, 5vw, 44px); margin: 0 0 16px; }
h2 { font-size: 22px; margin: 36px 0 10px; }
.eyebrow { font: 12px/1 'Special Elite', monospace; letter-spacing: 0.32em; text-transform: uppercase; color: var(--museum); margin: 0 0 14px; }
.small { font-size: 13px; color: var(--museum); }
body.plain { display: grid; place-items: center; padding: 24px; }
.card { width: min(620px, 100%); padding: clamp(28px, 5vw, 48px); border: 1px solid var(--line); background: rgba(10, 13, 16, 0.85); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); }
.card p { color: var(--paper-dim); }
.btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 26px; background: var(--glow); color: var(--ink); border: 1px solid var(--glow); font: 14px/1 'Special Elite', monospace; letter-spacing: 0.22em; text-transform: uppercase; text-decoration: none; }
.btn:hover { background: #ffe39c; }
.btn.ghost { background: transparent; color: var(--paper); border-color: rgba(232, 220, 196, 0.4); }
.linkbox { margin-top: 26px; padding-top: 22px; border-top: 1px dashed var(--line); }
.linkbox input { width: 100%; min-height: 46px; padding: 0 12px; background: #0b0f13; border: 1px solid var(--dim); color: var(--paper); font: 14px ui-monospace, Consolas, monospace; }
.doc { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 80px 0 100px; }
.doc p, .doc li { color: var(--paper-dim); }
.doc .back { font: 12px/1 'Special Elite', monospace; letter-spacing: 0.24em; text-transform: uppercase; text-decoration: none; }
.todo { background: rgba(242, 207, 122, 0.14); color: var(--glow); padding: 0 4px; }