:root { --ink: #0B0A09; --paper: #F4F4F2; --or: #FF6A00; --text: #1E1E1E; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--text); font: 400 16px/1.65 "Open Sans", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
header { background: var(--ink); padding: 18px 20px; text-align: center; }
header a { font: 900 15px "Montserrat", Arial, sans-serif; letter-spacing: .08em; color: #A8A09A; text-decoration: none; }
header a s { color: #fff; text-decoration-color: var(--or); text-decoration-thickness: 3px; }
main { max-width: 720px; margin: 0 auto; padding: 36px 20px 64px; }
h1 { font: 800 30px/1.2 "Montserrat", Arial, sans-serif; margin: 0 0 6px; }
.upd { color: #6B635C; font-size: 14px; margin: 0 0 28px; }
h2 { font: 700 19px/1.3 "Montserrat", Arial, sans-serif; margin: 30px 0 8px; }
p, li { margin: 0 0 10px; }
ul { padding-left: 20px; }
a { color: #C24E00; }
footer { border-top: 1px solid #DDD7D1; padding: 22px 20px 40px; text-align: center; font-size: 13px; color: #6B635C; }
footer a { margin: 0 8px; }
.box { background: #fff; border: 1px solid #E4DED8; border-radius: 12px; padding: 20px; margin: 18px 0; }
.btn { display: inline-block; margin-top: 8px; padding: 14px 22px; border-radius: 4px; background: linear-gradient(90deg, #FF6A00, #FF8A2B); color: #fff; text-decoration: none; font-weight: 700; }