:root { color-scheme: dark; --green: #63b23d; --card: #121513; --border: #303430; }
* { box-sizing: border-box; }
body { margin: 0; background: #080b09; color: #eee; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; }
main { width: min(92%, 820px); margin: 0 auto; padding: 36px 0 64px; }
.back-home { display: inline-flex; align-items: center; margin-bottom: 22px; padding: 9px 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--card); color: #a9c99b; font-size: .8rem; font-weight: 700; text-decoration: none; transition: border-color .2s ease, color .2s ease; }
.back-home:hover { border-color: var(--green); color: #fff; }
header { margin-bottom: 28px; text-align: center; }
.brand { color: var(--green); font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-decoration: none; }
h1 { margin: 8px 0 2px; font-size: clamp(1.6rem, 5vw, 2.2rem); }
.updated { color: #888; font-size: .78rem; }
section { margin: 10px 0; padding: 18px; background: var(--card); border: 1px solid var(--border); border-radius: 14px; }
h2 { margin: 0 0 6px; color: var(--green); font-size: 1rem; }
p { margin: 0; color: #c9c9c9; font-size: .92rem; }
a { color: var(--green); }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.button { display: inline-block; padding: 10px 14px; border: 1px solid var(--green); border-radius: 10px; text-decoration: none; }
.note { margin-top: 22px; color: #888; font-size: .75rem; text-align: center; }