Merge login button into hero-ctas row — both buttons now truly side-by-side, same class

index.html

@@ -453,39 +453,6 @@
   .control-group input[type="number"] { -moz-appearance: textfield; }
   .control-group input::-webkit-inner-spin-button, .control-group input::-webkit-outer-spin-button { -webkit-appearance: none; }
 
-  /* Hero quick links — side-by-side with CTA */
-  .hero-quick-links {
-    text-align: center;
-    margin-top: 6px;
-    margin-bottom: 22px;
-    display: flex;
-    justify-content: center;
-    gap: 14px;
-    flex-wrap: wrap;
-  }
-  .hero-login-link {
-    display: inline-flex;
-    align-items: center;
-    gap: 10px;
-    padding: 16px 36px;
-    background: rgba(255,255,255,0.06);
-    color: var(--text);
-    text-decoration: none;
-    font-size: 1.05rem;
-    font-weight: 700;
-    border: 1.5px solid rgba(255,255,255,0.2);
-    border-radius: var(--radius);
-    backdrop-filter: blur(4px);
-    transition: all 0.2s;
-    cursor: pointer;
-    font-family: var(--font);
-  }
-  .hero-login-link:hover {
-    background: rgba(255,255,255,0.12);
-    border-color: rgba(255,255,255,0.4);
-    transform: translateY(-2px);
-  }
-
   .checkbox-group {
     display: flex;
     align-items: center;
@@ -1057,14 +1024,12 @@
       </script>
     </div>
 
-    <!-- CTA -->
-    <div style="text-align:center;margin:0 auto;">
+    <!-- CTA + Login side-by-side -->
+    <div class="hero-ctas">
       <button class="hero-btn hero-btn-secondary" id="heroCalcBtn">
         🧮 Try the Profit Calculator
       </button>
-    </div>
-    <div class="hero-quick-links">
-      <a href="https://clickbaitpays.me/login.php" target="_blank" rel="noopener" class="hero-login-link">🔐 Log into ClickBaitPays</a>
+      <a href="https://clickbaitpays.me/login.php" target="_blank" rel="noopener" class="hero-btn hero-btn-secondary">🔐 Log into ClickBaitPays</a>
     </div>
 
     <!-- 4-Step How It Works -->