:root{--primary: #4a6bff;--secondary: #00c853;--accent: #ff6d00;--dark: #2d3748;--light: #f7fafc;--gray: #718096;--spacing: 1rem;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--dark);background-color:#fff}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing)}.site-header{background-color:#fff;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo img{height:30px;width:240px}.nav-links{display:flex;gap:1.5rem;flex-grow:1;justify-content:flex-end}.nav-link{color:var(--dark);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .2s ease}.nav-link.home-link{padding-left:0}.nav-link:hover{color:var(--primary);background-color:#4a6bff1a}.hero-section{padding:4rem 0;background:linear-gradient(135deg,#f6f9ff 0%,#eef4ff 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-text h1{font-size:2.5rem;font-weight:700;color:var(--dark);line-height:1.2}.hero-text p{font-size:1.1rem;color:var(--gray)}.hero-text img{max-width:300px}.signup-form{background:white;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000000d}.signup-form h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--dark)}.signup-form h2 span{color:var(--primary)}.email-signup{display:flex;flex-direction:column;gap:1rem}.email-signup label{font-size:.9rem;color:var(--gray)}.email-signup input{padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s ease}.email-signup input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a6bff33}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:.8rem 1rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:#3a5bef;transform:translateY(-2px)}.divider{text-align:center;margin:1.5rem 0;color:var(--gray);position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#e2e8f0}.divider:before{left:0}.divider:after{right:0}.social-signup{display:flex;flex-direction:column;gap:1rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s ease}.btn-social.google{background-color:#fff;color:var(--dark);border:1px solid #e2e8f0}.btn-social.google:hover{background-color:#f8f9fa}.btn-social.facebook{background-color:#1877f2;color:#fff}.btn-social.facebook:hover{background-color:#166fe5}.btn-social img{height:20px}.stats-section{padding:3rem 0;text-align:center;background-color:#fff}.stats-section h3{font-size:1.8rem;color:var(--dark);margin-bottom:.5rem}.stats-section p{color:var(--gray)}.how-it-works{padding:4rem 0;background-color:#f8fafc}.how-it-works h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--dark)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{background:white;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;text-align:center;transition:all .3s ease}.step:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;font-weight:700;margin-bottom:1.5rem}.step h3{font-size:1.3rem;margin-bottom:1rem;color:var(--dark)}.step p{color:var(--gray);margin-bottom:1.5rem}.step img{max-width:100%;border-radius:8px}.payment-images{position:relative;display:flex;justify-content:center;margin-top:1rem;width:195px;height:184px;margin-left:auto;margin-right:auto}.payment-images img:first-child{width:195px;height:184px;position:absolute;top:0;left:0}.payment-images img:last-child{width:145.5px;height:62px;position:absolute;bottom:0;right:-72.75px;z-index:1}.rewards-section{padding:4rem 0;background-color:#fff}.rewards-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--dark)}.reward-brands{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem}.reward-brands img{height:40px;opacity:.8;transition:all .2s ease}.reward-brands img:hover{opacity:1;transform:scale(1.1)}.rewards-section p{text-align:center;color:var(--gray);max-width:600px;margin:0 auto}.referral-section{padding:4rem 0;background-color:#f8fafc}.referral-section h2{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--dark)}.referral-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.referral-text{display:flex;flex-direction:column;gap:1.5rem}.referral-text p{font-size:1.2rem;color:var(--gray)}.referral-text span{color:var(--primary);font-weight:700}.referral-image img{max-width:100%;border-radius:8px;box-shadow:0 10px 25px #0000001a}.cta-section{padding:4rem 0;background-color:var(--primary);color:#fff;text-align:center}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-section h3{font-size:1.5rem;margin-bottom:2rem}.cta-section h3 span{font-weight:700}.cta-section .email-signup{max-width:500px;margin:0 auto}.cta-section .btn-primary{background-color:#fff;color:var(--primary)}.cta-section .btn-primary:hover{background-color:#f8f9fa}.cta-section .divider{color:#ffffffb3}.cta-section .divider:before,.cta-section .divider:after{background-color:#fff3}.cta-section .btn-social.google{background-color:#fff;color:var(--dark)}.cta-section .btn-social.facebook{background-color:#fff;color:#1877f2}.site-footer{padding:2rem 0;background-color:var(--dark);color:#fff;font-family:Inter,Segoe UI,sans-serif}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.copyright{font-size:.9rem;font-weight:600;opacity:.9;flex:1}.footer-links{display:flex;gap:2rem;justify-content:flex-end;flex:1}.footer-links a{color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;opacity:.9;transition:all .2s ease;padding:.5rem 0}.footer-links a.home-link{margin-right:auto;padding-left:0}.footer-links a:hover{opacity:1;text-decoration:underline}.footer-links a:hover{opacity:1}@media (max-width: 768px){.hero-content,.steps,.referral-content{grid-template-columns:1fr}.hero-text{text-align:center}.hero-text img{margin:0 auto}.nav-links{display:none}}@media (max-width: 480px){:root{--spacing: .5rem}.hero-section,.how-it-works,.rewards-section,.referral-section{padding:2rem 0}.step{padding:1.5rem}.reward-brands{gap:1rem}.reward-brands img{height:30px}}