:root {
  color-scheme: dark;
  font-family: Inter, Pretendard, "Noto Sans KR", system-ui, sans-serif;
  background: #070a24;
  color: #f7f5ff;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% 0%, #171849, #070a24 45%); }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 52px 0 80px; }
a { color: #70e1cf; }
.brand { color: #b7a7ff; font-weight: 900; letter-spacing: .22em; text-decoration: none; }
h1 { margin: 36px 0 8px; font-size: clamp(2rem, 7vw, 3.4rem); line-height: 1.08; }
h2 { margin-top: 36px; font-size: 1.22rem; }
p, li { color: #b8b8d0; line-height: 1.75; }
.meta { color: #817fa3; font-size: .9rem; }
.notice { margin: 28px 0; padding: 18px; border: 1px solid #373261; border-radius: 16px; background: #111534; }
nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 46px; padding-top: 24px; border-top: 1px solid #262746; }