diff --git a/index.html b/index.html index ee5aa93..61b2268 100644 --- a/index.html +++ b/index.html @@ -306,101 +306,7 @@ opacity: 0.8; } - /* ══════════════════════════════════════════════════════════ - HERO BANNER — Join the Team CTA strip - ══════════════════════════════════════════════════════════ */ - .hero-banner { - display: flex; - align-items: center; - gap: 24px; - background: linear-gradient(135deg, rgba(0,229,255,0.06) 0%, rgba(255,0,255,0.04) 100%); - border: 1px solid rgba(0,229,255,0.15); - border-radius: 16px; - padding: 0; - margin: 0 auto 28px; - max-width: 780px; - width: 100%; - overflow: hidden; - position: relative; - } - .hero-banner::before { - content: ''; - position: absolute; - inset: 0; - background: - radial-gradient(ellipse at 30% 50%, rgba(0,229,255,0.06) 0%, transparent 60%), - radial-gradient(ellipse at 70% 50%, rgba(255,0,255,0.04) 0%, transparent 50%); - pointer-events: none; - } - .hero-banner-content { - flex: 1; - padding: 20px 0 20px 24px; - position: relative; - z-index: 1; - } - .hero-banner h3 { - font-family: 'Orbitron', sans-serif; - font-size: clamp(0.85rem, 2vw, 1.05rem); - font-weight: 700; - letter-spacing: 0.5px; - margin-bottom: 4px; - background: linear-gradient(135deg, #00e5ff 0%, #c084fc 100%); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; - } - .hero-banner p { - font-size: 0.82rem; - color: var(--text-dim); - margin: 0; - line-height: 1.5; - } - .hero-banner p .highlight { - color: #00e5ff; - font-weight: 600; - } - .hero-banner-btn-wrap { - flex-shrink: 0; - padding: 20px 24px 20px 0; - position: relative; - z-index: 1; - } - .hero-banner-btn { - display: inline-flex; - align-items: center; - gap: 8px; - background: linear-gradient(135deg, #f59e0b, #eab308); - color: #0f1117; - font-weight: 700; - font-size: 0.85rem; - padding: 10px 22px; - border-radius: 8px; - text-decoration: none; - box-shadow: 0 0 20px rgba(245,158,11,0.25); - transition: transform 0.2s, box-shadow 0.2s; - white-space: nowrap; - } - .hero-banner-btn:hover { - transform: translateY(-1px); - box-shadow: 0 0 30px rgba(245,158,11,0.4); - } - - /* Mobile: stack banner */ - @media (max-width: 640px) { - .hero-banner { - flex-direction: column; - text-align: center; - padding: 20px; - } - .hero-banner-content { - padding: 0; - } - .hero-banner-btn-wrap { - padding: 0; - } - } - - /* Quick stat pills */ + /* Quick stat pills */ .stat-pills { display: flex; gap: 12px; @@ -1252,19 +1158,6 @@ 🔐 Log into ClickBaitPays - -
-