:root { --bg: #1b140f; --ink: #f6ead6; --muted: #c9b79a; --gold: #e9b44c; --ember: #d9622b; --box: #2a2019; --line: #4a3a2c; --glow: #3a2516; }
@media (prefers-color-scheme: light) { :root { --bg: #f7efe1; --ink: #2b1f15; --muted: #6f5b44; --box: #fffaf1; --line: #e2d3bb; --gold: #9a5a10; --glow: #fde3b7; } }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at top, var(--glow) 0%, var(--bg) 60%); color: var(--ink); font: 16px/1.5 Georgia, "Times New Roman", serif; min-height: 100vh; }
.hero { max-width: 620px; margin: 0 auto; padding: 56px 16px 64px; }
.eyebrow { color: var(--gold); letter-spacing: .12em; text-transform: uppercase; font: 600 12px system-ui, sans-serif; margin: 0; }
h1 { font-size: clamp(34px, 7vw, 56px); margin: 6px 0 10px; color: var(--gold); }
.tag { font-size: 18px; }
.facts { padding-left: 18px; color: var(--muted); }
.box { background: var(--box); border: 1px solid var(--line); border-radius: 14px; padding: 18px; display: grid; gap: 12px; margin: 22px 0; font-family: system-ui, sans-serif; font-size: 15px; }
.box label { display: grid; gap: 4px; }
.box label.check { display: flex; gap: 8px; align-items: flex-start; }
input, select, textarea { font: inherit; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--line); background: transparent; color: var(--ink); }
textarea { min-height: 80px; }
button { font: 600 16px system-ui, sans-serif; padding: 12px; border-radius: 10px; border: 0; background: linear-gradient(#f0b54b, var(--ember)); color: #2b1405; cursor: pointer; }
.box .hidden, .hidden, .hp { display: none; }
.msg { min-height: 1.2em; margin: 0; }
.fine { color: var(--muted); font-size: 13px; font-family: system-ui, sans-serif; }
a { color: var(--gold); }
.doc { max-width: 860px; }
.doc h2 { font-size: 20px; margin-top: 28px; color: var(--gold); }
.doc p, .doc li { font-family: system-ui, sans-serif; font-size: 15px; }
table.pp { width: 100%; border-collapse: collapse; font: 13px/1.45 system-ui, sans-serif; display: block; overflow-x: auto; }
table.pp th, table.pp td { border: 1px solid var(--line); padding: 7px 8px; vertical-align: top; text-align: left; }
table.pp th { background: var(--box); }
hr { border: 0; border-top: 1px solid var(--line); margin: 40px 0; }