body {
  margin: 0;
  background: #05070F;
  color: #E8EDF7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.7;
}
.container { max-width: 900px; margin: auto; padding: 56px 24px; }
.logo { font-size: 36px; font-weight: 900; color: white; letter-spacing: -0.04em; margin-bottom: 6px; }
.subtitle { color: #8FA9D8; margin-bottom: 34px; }
nav { margin-bottom: 46px; display: flex; flex-wrap: wrap; gap: 14px 22px; }
nav a, a { color: #6F92FF; }
nav a { text-decoration: none; font-weight: 700; }
nav a:hover { text-decoration: underline; }
h1 { color: white; font-size: 42px; line-height: 1.1; margin: 0 0 10px; }
h2 { color: white; font-size: 24px; margin-top: 38px; margin-bottom: 12px; }
h3 { color: white; font-size: 18px; margin-top: 24px; margin-bottom: 8px; }
p, ul, ol { color: #D7DDEA; }
ul, ol { padding-left: 24px; }
li { margin-bottom: 8px; }
.notice { background: #111827; border: 1px solid rgba(111,146,255,0.22); border-left: 4px solid #6F92FF; padding: 18px; border-radius: 12px; margin: 24px 0; }
.footer { margin-top: 70px; padding-top: 30px; border-top: 1px solid #1F2937; color: #93A3BF; }
.small { color: #93A3BF; font-size: 14px; }
@media (max-width: 600px) {
  .container { padding: 34px 18px; }
  h1 { font-size: 34px; }
  .logo { font-size: 30px; }
}