{{template_css_start}}
    :root {
      --bg: #0a0a0c;
      --bg-elevated: #111115;
      --bg-card: #16161b;
      --text: #e8e8ed;
      --text-dimmed: #6e6e7a;
      --accent: {{accent}};
      --accent-light: {{accent_light}};
      --font-primary: '{{font_primary}}', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      text-align: center;
      padding: var(--spacing-xl);
    }

    h1 {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: var(--spacing-md);
      letter-spacing: -0.03em;
    }

    .subtitle {
      color: var(--text-dimmed);
      font-size: 1.2rem;
      margin-bottom: var(--spacing-xl);
    }

    .emoji-big {
      font-size: 4rem;
      margin-bottom: var(--spacing-lg);
    }

    .cta {
      display: inline-block;
      margin-top: var(--spacing-lg);
      padding: 12px 32px;
      background: var(--accent);
      color: var(--bg);
      text-decoration: none;
      border-radius: var(--radius);
      font-weight: 600;
      font-size: 0.9rem;
      transition: opacity 0.2s;
    }

    .cta:hover { opacity: 0.85; }
{{template_css_end}}
{{template_body_start}}
    <div class="container fade-in">
      <div class="emoji-big">{{emoji}}</div>
      <h1>{{title}}</h1>
      <div class="subtitle">{{tagline}}</div>
{{sections_html}}
    </div>
{{template_body_end}}
