* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji", sans-serif;
  color: #0f172a;
  background: #f8fafc;
}

.theme-dark body {
  color: #e5e7eb;
  background: #000000;
}

.page {
  max-width: 880px;
  margin: 0 auto;
  padding: 48px 20px 72px;
}

.header {
  margin-bottom: 28px;
}

.header h1 {
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 6px;
}

.header p {
  margin: 0;
  color: #475569;
  font-size: 14px;
}

.theme-dark .header p {
  color: #9ca3af;
}

.faq-list {
  display: grid;
  gap: 16px;
}

.faq-item {
  background: #ffffff;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.theme-dark .faq-item {
  background: #1c1c1e;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.faq-item h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 600;
}

.faq-item p {
  margin: 0;
  color: #334155;
  line-height: 1.6;
  font-size: 14px;
}

.theme-dark .faq-item p {
  color: #cbd5e1;
}

.empty {
  padding: 20px;
  border-radius: 14px;
  background: #ffffff;
  color: #64748b;
  text-align: center;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  font-size: 14px;
}

.theme-dark .empty {
  background: #1c1c1e;
  color: #9ca3af;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.contact {
  margin-top: 28px;
  padding: 18px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  text-align: center;
}

.contact p {
  margin: 0 0 6px;
  color: #475569;
  font-size: 14px;
}

.contact a {
  color: #0d9488;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
}

.theme-dark .contact {
  background: #1c1c1e;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.theme-dark .contact p {
  color: #9ca3af;
}

.theme-dark .contact a {
  color: #2dd4bf;
}