{"id":10,"date":"2026-01-22T21:54:27","date_gmt":"2026-01-22T21:54:27","guid":{"rendered":"https:\/\/allthisfiles.com\/betco_vip\/?page_id=10"},"modified":"2026-03-30T16:19:12","modified_gmt":"2026-03-30T16:19:12","slug":"betco-sign-up-bonuses","status":"publish","type":"page","link":"https:\/\/allthisfiles.com\/betco_vip\/","title":{"rendered":"Betco \u2013 Sign-Up Bonuses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4dde4f e-flex e-con-boxed e-con e-parent\" data-id=\"b4dde4f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b8139b elementor-widget elementor-widget-html\" data-id=\"1b8139b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n  <title>Betco \u2013 Sign-Up Bonuses<\/title>\n\n  <style>\n    :root{\n      --bg:#f2f3f5;\n      --card:#ffffff;\n      --text:#111827;\n      --muted:#6b7280;\n      --line:#e5e7eb;\n\n      --red:#c30000;\n      --red2:#ff2a2a;\n\n      --shadow: 0 18px 45px rgba(0,0,0,.12);\n      --shadow-soft: 0 10px 25px rgba(0,0,0,.10);\n    }\n\n    *{ box-sizing:border-box; }\n    html,body{ height:100%; }\n    body{\n      margin:0;\n      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n      background:var(--bg);\n      color:var(--text);\n    }\n\n    .wrap{\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: clamp(16px, 2.5vw, 34px);\n    }\n\n    .panel{\n      background:var(--card);\n      border:1px solid var(--line);\n      border-radius: 18px;\n      box-shadow: 0 12px 35px rgba(0,0,0,.08);\n      padding: clamp(18px, 2.6vw, 34px);\n      text-align:center;\n      position: relative; \/* confetti anchor *\/\n    }\n\n    \/* Header *\/\n    .brand{\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      gap:12px;\n      margin-top: 4px;\n      margin-bottom: 10px;\n    }\n    .brand img{\n      height: 34px; \/* adjust if needed *\/\n      width:auto;\n      display:block;\n    }\n\n    h1{\n      margin: 8px 0 22px;\n      font-weight: 800;\n      letter-spacing: .2px;\n      font-size: clamp(22px, 2.6vw, 40px);\n      line-height: 1.12;\n    }\n\n    \/* =========================\n       OFFERS LAYOUT (UPDATED)\n       3 columns:\n       [left banner] [hero + claim steps] [right banner]\n       ========================= *\/\n    .offers{\n      display:grid;\n      grid-template-columns: 1fr minmax(260px, 460px) 1fr;\n      gap: clamp(14px, 2vw, 28px);\n      align-items:start;\n      justify-content:center;\n      margin: 6px auto 18px;\n    }\n    .offers .col{\n      display:flex;\n      flex-direction:column;\n      align-items:center;\n    }\n    .offers .col.middle{\n      width: 100%;\n    }\n\n    \/* Side banner cards *\/\n    .banner-card{\n      position:relative;\n      width: clamp(220px, 24vw, 320px);\n      aspect-ratio: 2 \/ 3;\n      border-radius: 18px;\n      overflow:hidden;\n      box-shadow: var(--shadow);\n      transform: translateZ(0);\n      isolation:isolate;\n    }\n    .banner-card img{\n      width:100%;\n      height:100%;\n      object-fit: cover;\n      display:block;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* Floating + glow (ONLY for side banners) *\/\n    .banner-card.floating{\n      animation: floaty 3.8s ease-in-out infinite;\n    }\n    .banner-card.floating.right{\n      animation-delay: .25s;\n    }\n\n    .banner-card.floating::after{\n      content:\"\";\n      position:absolute;\n      inset:-18%;\n      background:\n        radial-gradient(circle at 50% 40%, rgba(255,210,90,.38), rgba(255,210,90,0) 55%),\n        radial-gradient(circle at 35% 70%, rgba(255,60,60,.24), rgba(255,60,60,0) 60%);\n      filter: blur(18px);\n      opacity: .75;\n      z-index:2;\n      animation: glow 2.6s ease-in-out infinite;\n      pointer-events:none;\n      mix-blend-mode: screen;\n    }\n\n    .banner-card.floating::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background: linear-gradient(120deg,\n        rgba(255,255,255,0) 0%,\n        rgba(255,255,255,.35) 45%,\n        rgba(255,255,255,0) 70%);\n      transform: translateX(-120%) skewX(-12deg);\n      z-index:3;\n      opacity:.65;\n      animation: shimmer 3.2s ease-in-out infinite;\n      pointer-events:none;\n      mix-blend-mode: screen;\n    }\n\n    @keyframes floaty{\n      0%,100%{ transform: translateY(0); }\n      50%{ transform: translateY(-10px); }\n    }\n    @keyframes glow{\n      0%,100%{ opacity:.60; }\n      50%{ opacity:.95; }\n    }\n    @keyframes shimmer{\n      0%{ transform: translateX(-120%) skewX(-12deg); }\n      55%{ transform: translateX(120%) skewX(-12deg); }\n      100%{ transform: translateX(120%) skewX(-12deg); }\n    }\n\n    \/* Middle hero *\/\n    .hero{\n      width: 100%;\n      max-width: 460px;\n      margin: 0 auto 10px;\n    }\n    .hero img{\n      width:100%;\n      height:auto;\n      display:block;\n      filter: drop-shadow(0 18px 30px rgba(0,0,0,.18));\n    }\n\n    \/* =========================\n       CLAIM STEPS (FORCED SIDE-BY-SIDE)\n       ========================= *\/\n    .claim-steps{\n      width: 100%;\n      margin: 0 auto;\n      text-align:center;\n    }\n    .claim-steps .steps-title{\n      font-weight: 800;\n      font-size: clamp(16px, 1.6vw, 22px);\n      color: #111;\n      margin: 0 0 12px;\n    }\n    .claim-steps .steps-title .accent{\n      color: var(--red);\n    }\n    .claim-steps .steps-cards{\n      display:flex;\n      justify-content:center;\n      gap: clamp(10px, 1.6vw, 18px);\n      flex-wrap: nowrap;     \/* IMPORTANT: never wrap *\/\n      width: 100%;\n    }\n    .claim-steps .step-card{\n      flex: 1 1 0;           \/* allow shrink to always fit *\/\n      max-width: 48%;        \/* keeps them two-up *\/\n      width: auto;\n      min-width: 0;          \/* prevents overflow that can force wrap *\/\n      aspect-ratio: 1 \/ 1;\n      border-radius: 18px;\n      overflow:hidden;\n      box-shadow: var(--shadow-soft);\n    }\n    .claim-steps .step-card img{\n      width:100%;\n      height:100%;\n      object-fit: cover;\n      display:block;\n    }\n\n    \/* Copy \/ CTA *\/\n    .headline{\n      margin: 10px 0 6px;\n      font-size: clamp(18px, 2.2vw, 30px);\n      font-weight: 900;\n      color: var(--red);\n      letter-spacing: .8px;\n    }\n\n    .sub{\n      margin: 0 0 10px;\n      font-size: clamp(14px, 1.2vw, 18px);\n      color: #111;\n      font-weight: 600;\n    }\n\n    .micro{\n      margin: 0 0 18px;\n      color: #111;\n      font-size: 12px;\n      letter-spacing: .8px;\n      text-transform: uppercase;\n    }\n\n    .cta{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding: 14px 44px;\n      border-radius: 8px;\n      text-decoration:none;\n      color:#fff;\n      font-weight: 800;\n      font-size: 18px;\n      background: linear-gradient(180deg, var(--red2), #8b0000);\n      box-shadow: 0 12px 22px rgba(195,0,0,.25);\n      border: 1px solid rgba(0,0,0,.12);\n      transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;\n    }\n    .cta:hover{\n      transform: translateY(-1px);\n      box-shadow: 0 16px 28px rgba(195,0,0,.30);\n      filter: brightness(1.03);\n    }\n    .cta:active{ transform: translateY(0); }\n\n    .terms{\n      margin: 10px 0 0;\n      color: var(--muted);\n      font-size: 12px;\n    }\n\n    \/* Mobile rules *\/\n    @media (max-width: 820px){\n      .offers{\n        grid-template-columns: 1fr 1fr;\n        align-items:start;\n      }\n      .offers .col.middle{\n        grid-column: 1 \/ -1;\n        order: 3;\n      }\n      .banner-card{\n        width: 100%;\n        max-width: 360px;\n      }\n    }\n\n    @media (max-width: 520px){\n      .offers{\n        grid-template-columns: 1fr;\n      }\n      .banner-card{\n        max-width: 420px;\n      }\n    }\n\n    \/* Respect reduced motion *\/\n    @media (prefers-reduced-motion: reduce){\n      .banner-card.floating,\n      .banner-card.floating::before,\n      .banner-card.floating::after{\n        animation: none !important;\n      }\n      #confetti-canvas{ display:none !important; }\n    }\n\n    \/* =========================\n       CONFETTI (added)\n       ========================= *\/\n    #confetti-canvas{\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      pointer-events:none;\n      z-index:999;\n      border-radius: 18px;\n    }\n  <\/style>\n<\/head>\n\n<body>\n\n<meta http-equiv=\"Delegate-CH\" content=\"sec-ch-ua https:\/\/ads.trafficjunky.net; sec-ch-ua-arch https:\/\/ads.trafficjunky.net; sec-ch-ua-full-version-list https:\/\/ads.trafficjunky.net; sec-ch-ua-mobile https:\/\/ads.trafficjunky.net; sec-ch-ua-model https:\/\/ads.trafficjunky.net; sec-ch-ua-platform https:\/\/ads.trafficjunky.net; sec-ch-ua-platform-version https:\/\/ads.trafficjunky.net;\">\n\n<!-- This code goes anywhere in the <body> tag of your site -->\n<img decoding=\"async\" id=\"1000558321_cpa_testing\" src=\"https:\/\/ads.trafficjunky.net\/ct?a=1000558321&member_id=1007308471&cb=[RANDOM_NUMBER]&cti=[TRANSACTION_UNIQ_ID]&ctv=2.00&ctd=[TRANSACTION_DESCRIPTION]\" width=\"1\" height=\"1\" border=\"0\" \/>\n    \n    <!-- Betco Tawk Tracking -->\n\n  <div class=\"wrap\">\n    <main class=\"panel\">\n      <!-- CONFETTI CANVAS (added) -->\n      <canvas id=\"confetti-canvas\" aria-hidden=\"true\"><\/canvas>\n\n      <!-- LOGO (replace src) -->\n      <div class=\"brand\">\n        <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/betco-logo-1.png\" alt=\"Betco\" \/>\n      <\/div>\n\n      <h1>Choose Your Sign-Up Bonus<\/h1>\n\n      <section class=\"offers\">\n        <!-- LEFT COLUMN -->\n        <div class=\"col left\">\n          <a class=\"banner-card floating left\" href=\"https:\/\/betco.ag\" aria-label=\"Choose $50 free bet\">\n            <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/banner-50.jpeg\" alt=\"$50 Free Bet Banner\" \/>\n          <\/a>\n        <\/div>\n\n        <!-- MIDDLE COLUMN: hero + claim steps -->\n        <div class=\"col middle\">\n          <div class=\"hero\">\n            <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/middle-characters.png\" alt=\"Betco characters\" \/>\n          <\/div>\n\n          <section class=\"claim-steps\" aria-label=\"Claim in 2 easy steps\">\n            <div class=\"steps-title\">Claim in <span class=\"accent\">2 easy steps:<\/span><\/div>\n\n            <div class=\"steps-cards\">\n              <div class=\"step-card\">\n                <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/signup_banner2.png\" alt=\"Step 1: Sign-up\" \/>\n              <\/div>\n\n              <div class=\"step-card\">\n                <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/contactlive_banner2.png\" alt=\"Step 2: Contact Live Chat Support\" \/>\n              <\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n\n        <!-- RIGHT COLUMN -->\n        <div class=\"col right\">\n          <a class=\"banner-card floating right\" href=\"https:\/\/betco.ag\" aria-label=\"Choose 25 free spins\">\n            <img decoding=\"async\" src=\"https:\/\/allthisfiles.com\/betco_vip\/wp-content\/uploads\/2026\/01\/banner-10.jpeg\" alt=\"25 Free Spins Banner\" \/>\n          <\/a>\n        <\/div>\n      <\/section>\n\n      <div class=\"headline\">FREE - SIGN-UP BONUSES<\/div>\n      <p class=\"sub\">Join Betco for FREE!<\/p>\n      <p class=\"micro\">CLICK \u201cJOIN NOW\u201d ON THE OFFER YOU LIKE TO SIGN UP AT NO COST!<\/p>\n\n      <!-- CTA (replace href) -->\n      <a class=\"cta\" href=\"https:\/\/betco.ag\/\">Join Now<\/a>\n\n      <p class=\"terms\">Terms and conditions apply.<\/p>\n    <\/main>\n  <\/div>\n\n  <!-- CONFETTI SCRIPT (added) -->\n  <script>\n    (function(){\n      const canvas = document.getElementById('confetti-canvas');\n      if(!canvas) return;\n\n      const panel = canvas.closest('.panel');\n      const ctx = canvas.getContext('2d', { alpha: true });\n\n      let dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1));\n      let w = 0, h = 0;\n\n      function resize(){\n        const r = panel.getBoundingClientRect();\n        w = Math.max(1, Math.floor(r.width));\n        h = Math.max(1, Math.floor(r.height));\n        canvas.width = Math.floor(w * dpr);\n        canvas.height = Math.floor(h * dpr);\n        canvas.style.width = w + 'px';\n        canvas.style.height = h + 'px';\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n      }\n\n      const colors = [\n        '#ff2a2a', '#c30000',\n        '#ffd25a', '#00c2ff',\n        '#7c3aed', '#22c55e',\n        '#111827', '#ffffff'\n      ];\n\n      function rand(min, max){ return Math.random() * (max - min) + min; }\n      function pick(arr){ return arr[(Math.random() * arr.length) | 0]; }\n\n      const confetti = [];\n      const maxParticles = 160;\n      const emitForMs = 1600;\n      const lifeMs = 2600;\n\n      function makeParticle(){\n        const size = rand(4, 10);\n        return {\n          x: rand(0, w),\n          y: rand(-h * 0.25, 0),\n          vx: rand(-1.4, 1.4),\n          vy: rand(2.2, 5.2),\n          rot: rand(0, Math.PI * 2),\n          vr: rand(-0.18, 0.18),\n          size,\n          shape: Math.random() < 0.65 ? 'rect' : 'circle',\n          color: pick(colors),\n          alpha: 1\n        };\n      }\n\n      let start = performance.now();\n      let last = start;\n\n      function step(now){\n        const dt = Math.min(34, now - last);\n        last = now;\n\n        const r = panel.getBoundingClientRect();\n        if (Math.abs(r.width - w) > 0.5 || Math.abs(r.height - h) > 0.5) resize();\n\n        ctx.clearRect(0, 0, w, h);\n\n        const elapsed = now - start;\n\n        if (elapsed < emitForMs){\n          const toAdd = Math.ceil(10 * (dt \/ 16));\n          for(let i=0;i<toAdd;i++){\n            if (confetti.length < maxParticles) confetti.push(makeParticle());\n          }\n        }\n\n        const fadeStart = emitForMs;\n        const fadeT = Math.max(0, (elapsed - fadeStart) \/ (lifeMs - fadeStart));\n\n        for(let i=confetti.length - 1; i>=0; i--){\n          const p = confetti[i];\n\n          p.vy += 0.03 * (dt \/ 16);\n          p.vx *= 0.998;\n          p.x += p.vx * (dt \/ 16) * 3.2;\n          p.y += p.vy * (dt \/ 16) * 3.2;\n          p.rot += p.vr * (dt \/ 16) * 3.2;\n\n          if (p.x < -20) p.x = w + 20;\n          if (p.x > w + 20) p.x = -20;\n\n          p.alpha = 1 - fadeT;\n          if (p.alpha < 0) p.alpha = 0;\n\n          ctx.globalAlpha = p.alpha * 0.95;\n          ctx.fillStyle = p.color;\n\n          ctx.save();\n          ctx.translate(p.x, p.y);\n          ctx.rotate(p.rot);\n\n          if (p.shape === 'rect'){\n            ctx.fillRect(-p.size * 0.6, -p.size * 0.35, p.size * 1.2, p.size * 0.7);\n          }else{\n            ctx.beginPath();\n            ctx.arc(0, 0, p.size * 0.45, 0, Math.PI * 2);\n            ctx.fill();\n          }\n\n          ctx.restore();\n\n          if (p.y > h + 40 || p.alpha <= 0.01){\n            confetti.splice(i, 1);\n          }\n        }\n\n        ctx.globalAlpha = 1;\n\n        if (elapsed < lifeMs || confetti.length){\n          requestAnimationFrame(step);\n        } else {\n          ctx.clearRect(0, 0, w, h);\n        }\n      }\n\n      resize();\n      window.addEventListener('resize', resize, { passive: true });\n      requestAnimationFrame(step);\n    })();\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Betco \u2013 Sign-Up Bonuses Choose Your Sign-Up Bonus Claim in 2 easy steps: FREE &#8211; SIGN-UP BONUSES Join Betco for FREE! CLICK \u201cJOIN NOW\u201d ON THE OFFER YOU LIKE TO SIGN UP AT NO COST! Join Now Terms and conditions apply.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":41,"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/pages\/10\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/allthisfiles.com\/betco_vip\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}