* { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --orange: #FF9500;
  --peach: #FFBD60;
  --ink: #1A1A1A;
  --muted: #6B6B6B;
  --bg: #FFFAF2;
  --card: #FFFFFF;
}
html, body { font-family: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased; color: var(--ink); background: var(--bg); line-height: 1.55; }
a { color: var(--orange); text-decoration: none; }
a:hover { text-decoration: underline; }

.hero {
  min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 24px; background:
    radial-gradient(80% 60% at 50% 0%, rgba(255,149,0,0.12), transparent 70%),
    linear-gradient(180deg, #FFFFFF, #FFF1E0);
}
.logo { text-align: center; }
.iconwrap {
  width: 96px; height: 96px; border-radius: 22px;
  background: linear-gradient(135deg, #FFA200, #E07A00);
  display: grid; place-items: center; margin: 0 auto 18px;
  box-shadow: 0 14px 40px rgba(255,149,0,0.35);
}
.play { width: 0; height: 0; border-left: 28px solid #fff; border-top: 18px solid transparent; border-bottom: 18px solid transparent; margin-left: 6px; }
h1 { font-size: 40px; letter-spacing: -0.02em; }
.tag { color: var(--muted); margin-top: 6px; }

.links { list-style: none; margin-top: 36px; display: grid; gap: 12px; width: 100%; max-width: 360px; }
.links a {
  display: block; background: var(--card); padding: 16px 18px; border-radius: 14px;
  font-weight: 600; color: var(--ink);
  box-shadow: 0 6px 24px rgba(0,0,0,0.05);
}
.links a:hover { transform: translateY(-2px); transition: transform .15s ease; text-decoration: none; }

footer { margin-top: 40px; color: var(--muted); font-size: 13px; }

.page {
  max-width: 760px; margin: 0 auto; padding: 56px 24px 80px;
}
.page h1 { font-size: 32px; margin-bottom: 6px; }
.page .sub { color: var(--muted); margin-bottom: 32px; font-size: 14px; }
.page h2 { font-size: 19px; margin-top: 28px; margin-bottom: 8px; }
.page p, .page li { font-size: 15px; color: #2B2B2B; }
.page ul { padding-left: 22px; margin-bottom: 8px; }
.page a.back { display: inline-block; margin-bottom: 24px; font-weight: 600; }