:root {
  color-scheme: light;
  --ink: #211c31;
  --muted: #6d687d;
  --paper: #fffaf5;
  --card: #ffffff;
  --mint: #daf7e9;
  --line: #dcd6e7;
  --primary: #5755e7;
  --primary-deep: #3f3bbd;
  --mango: #ef6a31;
}

* { box-sizing: border-box; }
html { background: var(--paper); color: var(--ink); }
body {
  margin: 0;
  min-height: 100vh;
  padding: 40px 20px;
  background: linear-gradient(135deg, #fff8ec 0%, var(--mint) 100%);
  color: var(--ink);
  font: 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", sans-serif;
  text-rendering: optimizeLegibility;
}

main { width: 100%; max-width: 560px; margin: auto; text-align: center; }
.icon { display: block; margin: 0 auto 16px; border-radius: 26px; object-fit: cover; box-shadow: 0 14px 32px rgba(63, 59, 189, 0.16); }
h1 { margin: 0 0 14px; font-size: clamp(38px, 8vw, 54px); line-height: 1.15; letter-spacing: 0; }
h1 span { color: var(--mango); }
.tagline { margin: 0 0 28px; color: var(--primary-deep); font-size: 24px; font-weight: 700; line-height: 1.3; }
.card { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: var(--card); text-align: left; box-shadow: 0 14px 34px rgba(33, 28, 49, 0.08); }
h2 { margin-top: 0; font-size: 22px; line-height: 1.3; letter-spacing: 0; }
ul { padding-left: 22px; }
li { margin: 8px 0; }
p { overflow-wrap: anywhere; }
.status { margin-bottom: 0; color: var(--primary-deep); font-weight: 800; }
nav { display: flex; flex-direction: column; align-items: center; margin: 20px 0; }
a { display: inline-flex; min-height: 48px; align-items: center; padding: 8px; color: var(--primary-deep); text-underline-offset: 4px; }
a:focus-visible { border-radius: 4px; outline: 3px solid var(--primary); outline-offset: 3px; }
footer { color: var(--muted); font-size: 14px; }

@media (max-width: 375px) {
  body { padding: 24px 16px; }
  .card { padding: 20px; }
  .tagline { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; }
}
