* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #fff; color: #1d1d1f; line-height: 1.8; }
.header { background: #f5f5f7; padding: 40px 20px; text-align: center; border-bottom: 1px solid #e0e0e5; }
.header h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; }
.header p { color: #6e6e73; font-size: 14px; }
.logo { width: 64px; height: 64px; border-radius: 14px; }
.logo-light { display: block; margin: 0 auto 16px; }
.logo-dark  { display: none; }
.container { max-width: 740px; margin: 0 auto; padding: 48px 24px 80px; }
h2 { font-size: 20px; font-weight: 600; margin: 40px 0 12px; }
h3 { font-size: 16px; font-weight: 600; margin: 24px 0 6px; }
p, li { font-size: 15px; margin-bottom: 10px; }
ul { padding-left: 20px; margin-bottom: 10px; }
li { margin-bottom: 6px; }
a { color: #0071e3; text-decoration: none; }
.back { display: inline-block; margin-bottom: 32px; color: #0071e3; font-size: 14px; }
.contact { background: #f5f5f7; border: 1px solid #e0e0e5; border-radius: 14px; padding: 24px; margin: 24px 0 8px; }
.contact .email { font-size: 20px; font-weight: 600; display: inline-block; margin: 4px 0 8px; }
.contact .note { font-size: 14px; color: #6e6e73; margin: 0; }
.links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.links a { font-size: 14px; padding: 10px 20px; border: 1px solid #0071e3; border-radius: 980px; }
.updated { color: #6e6e73; font-size: 13px; margin-top: 60px; padding-top: 24px; border-top: 1px solid #e0e0e5; }

.header .langbar { margin-top: 20px; }

@media (prefers-color-scheme: dark) {
  body { background: #1c1c1e; color: #f5f5f7; }
  .header { background: #2c2c2e; border-color: #3a3a3c; }
  .header p { color: #aeaeb2; }
  a { color: #3a9ded; }
  .back { color: #3a9ded; }
  .contact { background: #2c2c2e; border-color: #3a3a3c; }
  .contact .note { color: #aeaeb2; }
  .links a { border-color: #3a9ded; }
  .updated { color: #aeaeb2; border-color: #3a3a3c; }
  .logo-light { display: none; }
  .logo-dark  { display: block; margin: 0 auto 16px; }
}