.App { text-align: center; }
.App-header {
  background: linear-gradient(160deg, #0b1d3a, #13315c);
  min-height: 100vh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 16px; padding: 24px; color: #fff;
  font-family: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;
}
.App-header h1 { margin: 0; font-size: clamp(28px, 6vw, 48px); }
.App-header p { margin: 0; opacity: .85; }
.App-cta {
  background: #f5b700; color: #0b1d3a; font-weight: 700;
  padding: 14px 28px; border-radius: 999px; text-decoration: none;
}
.App-secondary { display: flex; gap: 20px; }
.App-secondary a { color: #8fc1ff; }
.App-header small { opacity: .6; margin-top: 12px; }