:root { --ink: #0b0d10; --plate: #16181c; --signal: #ffd100; --text: #f4f6f8; --dim: #9aa3ae; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--text); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px; }
.sign { display: inline-block; background: var(--signal); color: #16181c; font-weight: 800; letter-spacing: 0.12em;
        padding: 10px 18px; border-radius: 7px; box-shadow: inset 0 0 0 3px var(--signal), inset 0 0 0 5px #16181c; }
h1 { font-size: 15px; margin: 0 0 28px; }
h2 { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--signal); margin: 36px 0 8px; }
p, li { color: var(--text); }
.dim { color: var(--dim); font-size: 15px; }
a { color: var(--signal); }
nav { margin-top: 48px; font-size: 15px; }
nav a { margin-right: 18px; }
.hero { width: 100%; border-radius: 10px; margin: 0 0 24px; box-shadow: 0 0 0 1px #2a2d33; }