body {
  font-family: -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.6;
  color: #1a1a1a;
  background: #0F2A43;
  margin: 0;
}
.wrap { max-width: 780px; margin: 0 auto; padding: 40px 24px 60px; }
nav {
  display: flex; flex-wrap: wrap; gap: 4px 18px; margin-bottom: 28px;
}
nav a {
  color: #cfe0f2; text-decoration: none; font-size: 0.95em; font-weight: 600;
}
nav a:hover { color: #ffffff; text-decoration: underline; }
.card { background: #ffffff; border-radius: 16px; padding: 40px; }
h1 { font-size: 1.8em; margin-top: 0; color: #0F2A43; }
h2 { font-size: 1.25em; color: #0F2A43; margin-top: 1.8em; }
p { color: #333; }
.tagline { color: #666; font-size: 1.05em; margin-top: -8px; }
ul, ol { padding-left: 1.3em; color: #333; }
li { margin-bottom: 0.4em; }
.accounts { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.accounts span {
  background: #eef2f7; color: #0F2A43; padding: 6px 14px;
  border-radius: 20px; font-size: 0.9em; font-weight: 600;
}
.brand-card { border: 1px solid #e4e9ef; border-radius: 12px; padding: 20px; margin: 16px 0; }
.brand-card h3 { margin: 0 0 6px; color: #0F2A43; }
.brand-card .badge {
  display: inline-block; font-size: 0.75em; font-weight: 700; padding: 2px 8px;
  border-radius: 10px; margin-left: 8px; vertical-align: middle;
}
.badge.tiktok { background: #ffe1eb; color: #b3003c; }
.badge.no-tiktok { background: #eee; color: #777; }
footer { text-align: center; color: #9fb3c8; font-size: 0.85em; margin-top: 24px; }
a { color: #1F4068; }