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-diagonal-section" aria-label="Student Checking Account"
style="
position:relative;
display:flex;
align-items:center;
padding:80px 40px;
background:#f0f7ff; /* Primary light background */
min-height:65vh;
overflow:hidden;
">
<div style="
position:absolute;
top:0;
right:0; /* Positioned on the right side */
width: 50%;
height: 100%;
background: #d9e9ff; /* Soft accent blue */
/* Tilt the background accent using skew */
transform: skewX(-10deg);
transform-origin: top right;
z-index: 1;
box-shadow: -10px 0 15px rgba(0,0,0,0.05);
"></div>
<div class="hero-content-left" style="z-index:2; max-width:600px; padding-right:60px; color:#1b1b1b;">
<h1 style="font-size:40px;font-weight:700;line-height:1.2;color:#117aca;margin-bottom:15px;">
Student Checking: Zero Stress, Zero Fees
</h1>
<p style="font-size:18px;line-height:1.6;color:#444;margin-bottom:30px;">
Focus on your studies, not bank fees. Get **free digital banking**, budgeting tools, and support designed for your college life.
</p>
<a href="signup_step1.php" style="
display:inline-block; padding:14px 40px; background:#117aca; color:#FFFFFF;
text-decoration:none; border-radius:50px; font-weight:600; font-size:18px;
transition:background 0.3s;
" onmouseover="this.style.background='#0b5ea0'" onmouseout="this.style.background='#117aca'">
Open Your Free Account →
</a>
</div>
<div class="hero-visual-right" style="z-index:3; flex-grow:1; text-align:center; padding-left:20px;">
<img src="img/student_tools.jpg" alt="Stylized phone with budgeting app"
style="width:100%; max-width:350px; height:auto; display:block; margin:0 auto;">
</div>
</section>
<section id="studentBenefits" style="
padding:60px 20px;
max-width:1200px;
margin:0 auto;
text-align:center;
">
<h2 style="font-size:32px; font-weight:700; color:#1b1b1b; margin-bottom:40px;">
Benefits That Follow Your Syllabus
</h2>
<div style="
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content:center;
">
<div class="benefit-item" style="flex:1 1 300px; padding:25px; border-radius:8px; background:#fcfcfc; border:1px solid #eee;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">✅</div>
<h3 style="font-size:18px; font-weight:700; margin-bottom:5px;">No Monthly Service Fee</h3>
<p style="font-size:14px; color:#666;">No maintenance fees while you're enrolled in school and for five years after graduation.</p>
</div>
<div class="benefit-item" style="flex:1 1 300px; padding:25px; border-radius:8px; background:#fcfcfc; border:1px solid #eee;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">🗺️</div>
<h3 style="font-size:18px; font-weight:700; margin-bottom:5px;">ATM Fee Rebates</h3>
<p style="font-size:14px; color:#666;">We reimburse up to $10 in out-of-network ATM fees every statement cycle.</p>
</div>
<div class="benefit-item" style="flex:1 1 300px; padding:25px; border-radius:8px; background:#fcfcfc; border:1px solid #eee;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">🎁</div>
<h3 style="font-size:18px; font-weight:700; margin-bottom:5px;">$100 Welcome Bonus</h3>
<p style="font-size:14px; color:#666;">Get a cash bonus when you open an account and complete 10 qualifying transactions.</p>
</div>
</div>
</section>
<section id="digitalTools" style="
padding:60px 20px;
background:#fafafa;
border-top:1px solid #eee;
">
<div style="max-width:1000px; 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;">
Money Management on the Go
</h2>
<p style="font-size:16px; color:#444; margin-bottom:20px;">
Our highly-rated mobile app allows you to track spending, set budgets, and send quick payments to roommates, all in one secure place.
</p>
<ul style="list-style:none; padding:0; font-size:16px; color:#1b1b1b; display:flex; flex-direction:column; gap:10px;">
<li>✔️ Real-time spending alerts</li>
<li>✔️ Automated savings and budgeting</li>
<li>✔️ Instant access to your credit score</li>
</ul>
</div>
<div style="flex:1 1 400px; padding:20px; background:#FFFFFF; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,0.05);">
<h2 style="font-size:24px; font-weight:700; color:#117aca; margin-bottom:15px;">
Simple Requirements
</h2>
<ul style="list-style:none; padding:0; font-size:16px; color:#444; display:flex; flex-direction:column; gap:12px;">
<li>1. Must be currently enrolled in an eligible high school or post-secondary institution.</li>
<li>2. Provide proof of enrollment (e.g., Student ID or acceptance letter).</li>
<li>3. Be age 17 or older (with a guardian co-signer if under 18).</li>
</ul>
<a href="contact.php" style="color:#117aca; text-decoration:none; font-weight:600; display:block; margin-top:20px;">
Have questions about eligibility? Contact us.
</a>
</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