:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #080d13; color: #d7dee7; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 50% 0, #1d2734, #080d13 55%); }
header, main, footer { width: min(920px, calc(100vw - 32px)); margin: 0 auto; }
header { display: flex; align-items: center; justify-content: space-between; padding: 24px 0; border-bottom: 1px solid #364353; }
header a { color: #f0cf85; text-decoration: none; }
header img { width: 42px; vertical-align: middle; margin-right: 12px; }
main { padding: 30px 0 50px; }
h1, h2 { color: #ecd59e; font-family: Georgia, serif; font-weight: 500; }
h1 { font-size: clamp(28px, 5vw, 44px); }
h2 { margin-top: 30px; }
p, li { color: #aab4c0; line-height: 1.65; }
.notice { margin: 24px 0; padding: 18px; border-left: 3px solid #c8953e; background: #131b24; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0; }
.button { display: inline-block; padding: 11px 18px; border: 1px solid #9e7636; background: #2b2113; color: #f0cf85; text-decoration: none; }
hr { margin: 44px 0; border: 0; border-top: 1px solid #344150; }
footer { padding: 20px 0 40px; color: #6f7b89; font-size: 13px; }