:root { color-scheme: dark; --accent: #ff6817; --text: #fffaf6; --muted: #a69b94; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; padding: 24px 18px 48px; color: var(--text); background: radial-gradient(circle at 10% 0, rgba(255,104,23,.16), transparent 34%), #0c0a09; font-family: "Manrope", sans-serif; }
main { width: min(100%, 560px); margin: 0 auto; }
main > a { display: inline-flex; margin-bottom: 24px; color: #ffad76; font-size: 13px; text-decoration: none; }
.eyebrow { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
h1 { margin: 8px 0 12px; font-size: 28px; line-height: 1.1; }
.notice { margin: 0 0 18px; padding: 13px 14px; border: 1px solid rgba(255,104,23,.25); border-radius: 14px; color: #e2d9d2; background: rgba(255,104,23,.07); font-size: 11.5px; line-height: 1.6; }
section { margin-top: 10px; padding: 18px; border: 1px solid rgba(255,151,85,.14); border-radius: 17px; background: #171311; }
h2 { margin: 0 0 10px; font-size: 15px; color: var(--text); }
p, li { color: var(--muted); font-size: 12px; line-height: 1.7; }
p { margin: 0 0 8px; }
p:last-child { margin-bottom: 0; }
ul { margin: 8px 0 0; padding-left: 18px; display: grid; gap: 5px; }
b { color: #e2d9d2; font-weight: 700; }
section a, .notice a { color: #ffad76; text-decoration: underline; }
@font-face { font-family: "Manrope"; src: url("/assets/manrope-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/assets/manrope-700.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/assets/manrope-800.ttf") format("truetype"); font-weight: 800; font-display: swap; }