{"html":"<!DOCTYPE html><html lang=\"en\"><head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Click4R | Coming Soon</title>\n  <meta name=\"description\" content=\"Click4R is evolving. We’re rebuilding Click4R for a faster, safer, and more reliable experience.\">\n  <link rel=\"icon\" href=\"/favicon.png\" type=\"image/png\">\n\n  <style>\n    * {\n      box-sizing: border-box;\n    }\n\n    :root {\n      --bg-1: #081a34;\n      --bg-2: #12396a;\n      --card-bg: rgba(13, 27, 49, 0.72);\n      --card-border: rgba(214, 183, 112, 0.38);\n      --card-inner: rgba(255, 255, 255, 0.06);\n      --text: #f5f7fb;\n      --muted: #d8e1f0;\n      --muted-2: #bfcce2;\n      --gold: #d7b770;\n      --gold-soft: rgba(215, 183, 112, 0.14);\n      --gold-border: rgba(215, 183, 112, 0.45);\n      --shadow: 0 30px 90px rgba(0, 0, 0, 0.45);\n    }\n\n    html,\n    body {\n      margin: 0;\n      padding: 0;\n      min-height: 100%;\n      font-family: Arial, Helvetica, sans-serif;\n      color: var(--text);\n      background:\n        radial-gradient(circle at 15% 20%, rgba(255,255,255,0.07), transparent 18%),\n        radial-gradient(circle at 85% 16%, rgba(255,255,255,0.09), transparent 20%),\n        radial-gradient(circle at 80% 82%, rgba(255,255,255,0.06), transparent 20%),\n        linear-gradient(135deg, var(--bg-1), var(--bg-2));\n      overflow-x: hidden;\n    }\n\n    body::before {\n      content: \"\";\n      position: fixed;\n      inset: 0;\n      pointer-events: none;\n      background:\n        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08) 0 2px, transparent 3px),\n        radial-gradient(circle at 70% 25%, rgba(255,255,255,0.06) 0 2px, transparent 3px),\n        radial-gradient(circle at 65% 75%, rgba(255,255,255,0.05) 0 2px, transparent 3px),\n        radial-gradient(circle at 35% 70%, rgba(255,255,255,0.05) 0 2px, transparent 3px);\n      background-size: 260px 260px, 320px 320px, 300px 300px, 280px 280px;\n      opacity: 0.35;\n    }\n\n    .page {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 28px;\n    }\n\n    .shell {\n      width: 100%;\n      max-width: 1180px;\n      border-radius: 30px;\n      border: 1px solid var(--card-border);\n      background: linear-gradient(\n        180deg,\n        rgba(255,255,255,0.03),\n        rgba(255,255,255,0.015)\n      );\n      box-shadow: var(--shadow);\n      padding: 2px;\n      position: relative;\n    }\n\n    .shell::before {\n      content: \"\";\n      position: absolute;\n      left: 40px;\n      right: 40px;\n      top: 0;\n      height: 1px;\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(215, 183, 112, 0.2),\n        rgba(255, 240, 190, 0.7),\n        rgba(215, 183, 112, 0.2),\n        transparent\n      );\n    }\n\n    .card {\n      border-radius: 28px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015)),\n        var(--card-bg);\n      border: 1px solid rgba(255,255,255,0.05);\n      padding: 54px 52px 42px;\n      text-align: center;\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .card::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border-radius: 28px;\n      pointer-events: none;\n      box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.05),\n        inset 0 0 0 1px rgba(255,255,255,0.02);\n    }\n\n    .logo-wrap {\n      margin-bottom: 18px;\n    }\n\n    .logo-img {\n      width: 420px;\n      max-width: 92%;\n      height: auto;\n      display: block;\n      margin: 0 auto;\n      filter: drop-shadow(0 12px 30px rgba(0,0,0,0.4));\n    }\n\n    h1 {\n      margin: 12px 0 16px;\n      font-size: 62px;\n      line-height: 1.06;\n      letter-spacing: -1px;\n      font-weight: 800;\n      color: #f6f8fc;\n      text-shadow: 0 4px 18px rgba(0,0,0,0.28);\n    }\n\n    .lead {\n      max-width: 820px;\n      margin: 0 auto 14px;\n      font-size: 25px;\n      line-height: 1.65;\n      color: var(--muted);\n    }\n\n    .sub {\n      max-width: 860px;\n      margin: 0 auto 30px;\n      font-size: 20px;\n      line-height: 1.8;\n      color: var(--muted-2);\n    }\n\n    .badges {\n      display: flex;\n      justify-content: center;\n      gap: 14px;\n      flex-wrap: wrap;\n      margin: 0 auto 30px;\n    }\n\n    .badge {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 52px;\n      padding: 12px 20px;\n      border-radius: 999px;\n      background: linear-gradient(\n        180deg,\n        rgba(255,255,255,0.04),\n        rgba(255,255,255,0.015)\n      );\n      border: 1px solid var(--gold-border);\n      color: #f8fbff;\n      font-size: 17px;\n      font-weight: 600;\n      box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.05),\n        0 8px 18px rgba(0,0,0,0.18);\n      white-space: nowrap;\n    }\n\n    .badge-icon {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--gold-soft);\n      border: 1px solid rgba(215, 183, 112, 0.35);\n      color: var(--gold);\n      font-size: 13px;\n      font-weight: 700;\n      flex: 0 0 22px;\n    }\n\n    .contact {\n      margin-top: 8px;\n      font-size: 22px;\n      color: #ffffff;\n    }\n\n    .contact a {\n      color: #ffffff;\n      text-decoration: none;\n      font-weight: 800;\n    }\n\n    .footer {\n      margin-top: 16px;\n      font-size: 15px;\n      color: #d0d9e8;\n    }\n\n    @media (max-width: 980px) {\n      .card {\n        padding: 42px 24px 34px;\n      }\n\n      h1 {\n        font-size: 48px;\n      }\n\n      .lead {\n        font-size: 21px;\n      }\n\n      .sub {\n        font-size: 17px;\n      }\n\n      .logo-img {\n        width: 320px;\n      }\n\n      .badge {\n        font-size: 15px;\n        min-height: 48px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .page {\n        padding: 16px;\n      }\n\n      .shell {\n        border-radius: 22px;\n      }\n\n      .card {\n        border-radius: 20px;\n        padding: 30px 16px 24px;\n      }\n\n      h1 {\n        font-size: 34px;\n        line-height: 1.14;\n      }\n\n      .lead {\n        font-size: 18px;\n      }\n\n      .sub {\n        font-size: 15px;\n        line-height: 1.7;\n      }\n\n      .logo-img {\n        width: 240px;\n      }\n\n      .badges {\n        gap: 10px;\n      }\n\n      .badge {\n        width: 100%;\n        white-space: normal;\n        justify-content: center;\n      }\n\n      .contact {\n        font-size: 18px;\n      }\n    }\n  </style>\n</head>\n<body>\n  <div class=\"page\">\n    <div class=\"shell\">\n      <main class=\"card\">\n        <div class=\"logo-wrap\">\n          <img src=\"/logo.jpg\" alt=\"Click4R Logo\" class=\"logo-img\">\n        </div>\n\n        <h1>Click4R is evolving</h1>\n\n        <p class=\"lead\">\n          We’re rebuilding Click4R for a faster, safer, and more reliable experience.\n        </p>\n\n        <p class=\"sub\">\n          Our team is currently working on major platform improvements focused on\n          performance, security, and long-term stability. Thank you for your patience\n          while we prepare the next version of Click4R.\n        </p>\n\n        <div class=\"badges\">\n          <div class=\"badge\">\n            <span class=\"badge-icon\">✓</span>\n            <span>Security Upgrades</span>\n          </div>\n          <div class=\"badge\">\n            <span class=\"badge-icon\">↻</span>\n            <span>Performance Improvements</span>\n          </div>\n          <div class=\"badge\">\n            <span class=\"badge-icon\">↗</span>\n            <span>Relaunch In Progress</span>\n          </div>\n        </div>\n\n        <div class=\"contact\">\n          Contact: <a href=\"mailto:support@click4r.com\">support@click4r.com</a>\n        </div>\n\n        <div class=\"footer\">© Click4R. All rights reserved.</div>\n      </main>\n    </div>\n  </div>\n\n\n</body></html>"}