:root{--primary-color: #4285f4;--secondary-color: #34a853;--accent-color: #ea4335;--text-color: #333;--light-text: #777;--background-color: #fff;--light-gray: #f5f5f5;--border-color: #ddd;--error-color: #d32f2f}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--primary-color);color:#fff;padding:15px 0;box-shadow:0 2px 5px #0000001a}header .logo img{height:30px;width:240px}header nav ul{display:flex;list-style:none}header nav ul li{margin-left:20px}header nav ul li a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s}header nav ul li a:hover{opacity:.8}footer{background-color:var(--light-gray);padding:30px 0;margin-top:50px}.footer-links{display:flex;justify-content:center;margin-bottom:20px}.footer-links a{margin:0 15px;color:var(--light-text);text-decoration:none}.footer-links a:hover{color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;width:100%}.btn-primary:hover{background-color:#3367d6}.error-message{color:var(--error-color);font-size:14px;margin-top:5px;display:none}@media (max-width: 768px){header .container{flex-direction:column;align-items:center}header nav ul{margin-top:15px}header nav ul li{margin:0 10px}}: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}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 0}.auth-form{width:100%;max-width:450px;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.auth-form h1{font-size:28px;margin-bottom:30px;text-align:center;color:var(--primary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:16px}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4285f433}.checkbox-group{display:flex;align-items:center}.checkbox-group input{width:auto;margin-right:10px}.checkbox-group label{margin-bottom:0}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.forgot-password{color:var(--primary-color);text-decoration:none;font-size:14px}.forgot-password:hover{text-decoration:underline}.social-login{margin-top:30px;text-align:center}.social-login p{margin-bottom:15px;color:var(--light-text);position:relative}.social-login p:before,.social-login p:after{content:"";display:inline-block;width:30%;height:1px;background-color:var(--border-color);vertical-align:middle;margin:0 10px}.social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.btn-social{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color .3s}.btn-social:hover{background-color:var(--light-gray)}.btn-social img{width:20px;margin-right:8px}.auth-footer{margin-top:20px;text-align:center;color:var(--light-text)}.auth-footer a{color:var(--primary-color);text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width: 480px){.auth-form{padding:30px 20px}.social-buttons{grid-template-columns:1fr}}.toast-container{position:fixed;top:20px;right:20px;z-index:1000}.toast{background:white;color:#333;padding:16px 24px;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;min-width:300px;max-width:500px;animation:slideIn .3s ease-in-out;transition:transform .3s ease-out}.toast.success{border-left:4px solid #4CAF50}.toast.error{border-left:4px solid #f44336}.toast-icon{margin-right:12px;font-size:20px}.toast.success .toast-icon:before{content:"✓";color:#4caf50}.toast.error .toast-icon:before{content:"✕";color:#f44336}.toast-message{flex-grow:1;font-size:14px}.toast-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:0;margin-left:12px}.toast-close:hover{color:#666}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.hiding{transform:translate(100%);opacity:0}