<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <title>Running Text Concert – Developer Page</title>

  <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet"/>

  <style>

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {

      --bg: #0a0a0f;

      --surface: #13131a;

      --accent: #7c6fef;

      --accent2: #ef6f9f;

      --text: #e8e8f0;

      --muted: #6b6b80;

    }

    body {

      background: var(--bg);

      color: var(--text);

      font-family: 'DM Sans', sans-serif;

      min-height: 100vh;

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      overflow: hidden;

    }

    .bg-glow {

      position: fixed;

      width: 600px; height: 600px;

      border-radius: 50%;

      filter: blur(120px);

      opacity: 0.12;

      pointer-events: none;

    }

    .glow-1 { background: var(--accent); top: -200px; left: -100px; }

    .glow-2 { background: var(--accent2); bottom: -200px; right: -100px; }

    main {

      position: relative;

      z-index: 1;

      text-align: center;

      padding: 2rem;

      animation: fadeUp 0.8s ease both;

    }

    .badge {

      display: inline-block;

      background: rgba(124,111,239,0.15);

      border: 1px solid rgba(124,111,239,0.3);

      color: var(--accent);

      font-size: 0.75rem;

      letter-spacing: 0.12em;

      text-transform: uppercase;

      padding: 0.35rem 1rem;

      border-radius: 999px;

      margin-bottom: 2rem;

    }

    h1 {

      font-family: 'Syne', sans-serif;

      font-size: clamp(2.5rem, 6vw, 5rem);

      font-weight: 800;

      line-height: 1.1;

      background: linear-gradient(135deg, #fff 30%, var(--accent) 100%);

      -webkit-background-clip: text;

      -webkit-text-fill-color: transparent;

      background-clip: text;

      margin-bottom: 1.25rem;

    }

    p.sub {

      color: var(--muted);

      font-size: 1.1rem;

      font-weight: 300;

      max-width: 420px;

      margin: 0 auto 2.5rem;

      line-height: 1.7;

    }

    .btn {

      display: inline-block;

      background: linear-gradient(135deg, var(--accent), var(--accent2));

      color: #fff;

      font-family: 'Syne', sans-serif;

      font-weight: 700;

      font-size: 0.95rem;

      letter-spacing: 0.05em;

      padding: 0.85rem 2rem;

      border-radius: 999px;

      text-decoration: none;

      transition: opacity 0.2s, transform 0.2s;

    }

    .btn:hover { opacity: 0.85; transform: translateY(-2px); }

    .footer {

      margin-top: 4rem;

      color: var(--muted);

      font-size: 0.8rem;

    }

    @keyframes fadeUp {

      from { opacity: 0; transform: translateY(24px); }

      to   { opacity: 1; transform: translateY(0); }

    }

  </style>

</head>

<body>

  <div class="bg-glow glow-1"></div>

  <div class="bg-glow glow-2"></div>

  <main>

    <div class="badge">Developer Page</div>

    <h1>Running Text<br/>Concert</h1>

    <p class="sub">A simple and powerful running text app. Display your messages in style, anywhere.</p>

    <a href="https://play.google.com/store/apps" class="btn">View on Google Play</a>

    <p class="footer">© 2026 Running Text Concert · <a href="/app-ads.txt" style="color:inherit">app-ads.txt</a></p>

  </main>

</body>

</html>