:root { color-scheme: dark; font-family: Pretendard, sans-serif; background: #0b0e15; color: #eef1f7; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.75; }
a { color: #a8c8ff; text-underline-offset: 3px; }
a:hover { color: #eef1f7; }
.info-wrap { width: min(100% - 40px, 800px); margin: auto; }
.info-header { display: flex; align-items: center; gap: 12px; padding: 24px 0; border-bottom: 1px solid #1e2432; }
.info-header a { color: #eef1f7; text-decoration: none; font-weight: 700; }
main { padding: 36px 0 60px; }
h1 { font-size: 30px; line-height: 1.3; }
h2 { font-size: 20px; margin-top: 36px; }
p, li { color: #c3cada; }
li + li { margin-top: 8px; }
footer { padding: 20px 0 30px; border-top: 1px solid #1e2432; display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; }