PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!doctype html>
<html lang="en">
<?php include("header.php") ?>
<body>
<main>
<section class="hero-floating-card-section" aria-label="Cashback Rewards Credit Card"
style="
position:relative;
display:flex;
align-items:center;
padding:80px 40px 140px 40px; /* Extra bottom padding for the floating card */
background:#117aca; /* Bold primary blue background */
color:#FFFFFF;
min-height:50vh;
overflow:hidden;
">
<div class="hero-content-left" style="z-index:2; max-width:600px; padding-right:60px; text-align:left;">
<h1 style="font-size:44px;font-weight:700;line-height:1.2;color:#FFFFFF;margin-bottom:15px;">
The Chasedvault Cashback Rewards Card
</h1>
<p style="font-size:18px;line-height:1.6;color:#e0e0e0;margin-bottom:30px;">
Turn every purchase into profit. Earn generous rewards on daily spending categories and watch your savings grow automatically.
</p>
<a href="signup_step1.php" style="
display:inline-block; padding:14px 40px; background:#FFFFFF; color:#117aca;
text-decoration:none; border-radius:4px; font-weight:700; font-size:18px;
transition:background 0.3s;
" onmouseover="this.style.background='#f0f7ff'" onmouseout="this.style.background='#FFFFFF'">
Apply Now in Minutes →
</a>
</div>
<div class="floating-card-container" style="
position:absolute;
right:5%; /* Positioned slightly off-center right */
bottom:-120px; /* FLOATS below the section */
z-index:3;
width:450px;
max-width:50vw; /* Responsive sizing */
">
<img src="img/cashback_card_visual.png" alt="Visual of the Credit Card"
style="width:100%; height:auto; display:block; border-radius:15px; box-shadow:0 20px 40px rgba(0,0,0,0.5);">
<img src="img/logo.png" alt="Chasedvault Logo on Card"
style="
position:absolute;
top:10%; left:8%;
width:25%; /* Size of logo relative to card */
height:auto;
border-radius:6px;
">
</div>
</section>
<section id="rewardsStructure" style="
padding:60px 20px;
max-width:1200px;
margin:0 auto;
text-align:center;
background:#FFFFFF;
">
<h2 style="font-size:32px; font-weight:700; color:#1b1b1b; margin-bottom:40px;">
How Your Rewards Add Up
</h2>
<div style="
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content:center;
">
<div class="reward-item" style="flex:1 1 300px; padding:30px; border-radius:8px; background:#fcfcfc; border-top:4px solid #117aca;">
<div style="font-size:36px; font-weight:900; color:#117aca; margin-bottom:10px;">5%</div>
<h3 style="font-size:20px; font-weight:700; margin-bottom:5px;">On Top Spending Categories</h3>
<p style="font-size:14px; color:#666;">Earn 5% cashback on gas stations, groceries, or streaming services (up to quarterly limit).</p>
</div>
<div class="reward-item" style="flex:1 1 300px; padding:30px; border-radius:8px; background:#fcfcfc; border-top:4px solid #0b5ea0;">
<div style="font-size:36px; font-weight:900; color:#0b5ea0; margin-bottom:10px;">2%</div>
<h3 style="font-size:20px; font-weight:700; margin-bottom:5px;">At Restaurants & Dining</h3>
<p style="font-size:14px; color:#666;">Get 2% back on every meal out, from local cafes to fine dining establishments.</p>
</div>
<div class="reward-item" style="flex:1 1 300px; padding:30px; border-radius:8px; background:#fcfcfc; border-top:4px solid #444;">
<div style="font-size:36px; font-weight:900; color:#444; margin-bottom:10px;">1%</div>
<h3 style="font-size:20px; font-weight:700; margin-bottom:5px;">On All Other Purchases</h3>
<p style="font-size:14px; color:#666;">Earn 1% cashback on every purchase, everywhere the card is accepted—no limits.</p>
</div>
</div>
</section>
<section id="application" style="
padding:60px 20px;
background:#fafafa;
border-top:1px solid #eee;
">
<div style="max-width:900px; margin:0 auto; display:flex; gap:50px; flex-wrap:wrap; justify-content:center; text-align:left;">
<div style="flex:1 1 400px;">
<h2 style="font-size:24px; font-weight:700; color:#1b1b1b; margin-bottom:15px;">
Simple 3-Step Application
</h2>
<ul style="list-style:none; padding:0; font-size:16px; color:#444; display:flex; flex-direction:column; gap:12px;">
<li>1. Fill out the secure online form (takes about 5 minutes).</li>
<li>2. Get an instant decision.</li>
<li>3. Receive your card in 7-10 business days.</li>
</ul>
</div>
<div style="flex:1 1 400px; padding:20px; background:#FFFFFF; border-radius:8px; border:1px solid #ddd;">
<h2 style="font-size:24px; font-weight:700; color:#117aca; margin-bottom:15px;">
Key Disclosures
</h2>
<ul style="list-style:none; padding:0; font-size:15px; color:#444; display:flex; flex-direction:column; gap:8px;">
<li>🚫 Annual Fee: **$0**</li>
<li>💵 Intro APR: 0% for the first 12 months</li>
<li>📈 Variable APR: 18.99%–29.99% after the intro period</li>
<li>💳 Foreign Transaction Fee: 3%</li>
</ul>
</div>
</div>
</section>
</main>
<?php include("footer.php") ?>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E