:root{--primary: #9fe870;--primary-dark: #163300;--primary-hover: #8ed85f;--background: #fff;--surface: #f7f7f7;--border: #e5e5e5;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #9b9b9b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 10%);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 10%);--duration-fast: .15s;--duration-normal: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-x:hidden;font-family:Google Sans Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none}ul,ol{list-style:none}.text-display{font-size:2.5rem;font-weight:700;line-height:1.1;letter-spacing:-.025em}.text-h1{font-size:1.75rem;font-weight:600;line-height:1.2}.text-h2{font-size:1.375rem;font-weight:600;line-height:1.25}.text-h3{font-size:1.125rem;font-weight:600;line-height:1.3}.text-body{font-size:1rem;font-weight:400;line-height:1.5}.text-small{font-size:.875rem;font-weight:400;line-height:1.4}.text-caption{font-size:.75rem;font-weight:500;line-height:1.4}.app-container{width:100%;min-height:100vh;overflow-x:hidden}.content-container{width:100%;max-width:768px;padding:0 var(--space-4);margin:0 auto}@media(min-width:640px){.content-container{padding:0 var(--space-6)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s var(--ease-out) forwards}.animate-slide-in{animation:slideInRight .3s var(--ease-out) forwards}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}.clickable{cursor:pointer;transition:opacity var(--duration-fast)}.clickable:hover{opacity:.9}.clickable:active{opacity:.8}.header{position:sticky;top:0;z-index:50;background:var(--background);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.header-logo{display:flex;gap:var(--space-3);align-items:center}.logo-container{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--primary);border-radius:var(--radius-md)}.header-logo img,.footer-logo img{width:24px;height:24px}.header-logo-text{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;gap:var(--space-3);align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.btn-primary{color:var(--primary-dark);background:var(--primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);background:transparent}.btn-secondary:hover{background:var(--surface)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.813rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1rem}.header-actions .btn-primary{display:none}@media(min-width:640px){.header-actions .btn-primary{display:inline-flex}}.hero{position:relative;display:flex;align-items:flex-end;height:400px;overflow:hidden}@media(min-width:640px){.hero{height:500px}}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / 80%) 0%,rgb(0 0 0 / 40%) 50%,transparent 100%)}.hero-content{position:relative;z-index:10;width:100%;padding:var(--space-8) var(--space-4);color:#fff}@media(min-width:640px){.hero-content{padding:var(--space-10) var(--space-6)}}.hero-title{margin-bottom:var(--space-3);font-size:2rem;font-weight:700;line-height:1.1;text-shadow:0 2px 10px rgb(0 0 0 / 30%)}@media(min-width:640px){.hero-title{font-size:2.5rem}}.hero-subtitle{max-width:500px;margin-bottom:var(--space-6);font-size:1rem;opacity:.9}@media(min-width:640px){.hero-subtitle{font-size:1.125rem}}.section{padding:var(--space-10) 0}.section-alt{background:var(--surface)}.section-title{margin-bottom:var(--space-6);font-size:1.375rem;font-weight:600;color:var(--text-primary)}.how-it-works{padding:var(--space-10) 0}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.steps-grid{grid-template-columns:repeat(2,1fr)}}.step-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);transition:box-shadow var(--duration-normal) var(--ease-out)}.step-card:hover{box-shadow:var(--shadow-md)}.step-number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;font-size:1rem;font-weight:700;color:var(--primary-dark);background:var(--primary);border-radius:var(--radius-full)}.step-content h4{margin-bottom:var(--space-2);font-size:1rem;font-weight:600;color:var(--text-primary)}.step-content p{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.partners-section{padding:var(--space-10) 0}.partners-header{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;margin-bottom:var(--space-6)}.view-all-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--duration-fast)}.view-all-link:hover{color:var(--text-primary)}.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(min-width:640px){.partners-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}.partner-card{overflow:hidden;cursor:pointer;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.partner-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.partner-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface)}.partner-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.partner-card:hover .partner-image{transform:scale(1.05)}.partner-badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);font-size:.625rem;font-weight:700;color:var(--primary-dark);text-transform:uppercase;background:var(--primary);border-radius:var(--radius-sm)}.partner-info{padding:var(--space-4)}.partner-heading{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between}.partner-logo{width:32px;height:32px;margin-bottom:0;object-fit:contain;background:var(--surface);border-radius:var(--radius-md)}.partner-name{margin-right:auto;margin-bottom:0;font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:left}.partner-cashback{display:flex;gap:var(--space-2);align-items:center}.cashback-amount{padding:var(--space-1) var(--space-2);font-size:.813rem;font-weight:600;color:var(--primary-dark);background:#9fe87033;border-radius:var(--radius-sm)}.cashback-label{font-size:.75rem;color:var(--text-muted)}.faq-section{padding:var(--space-10) 0;background:var(--surface)}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{overflow:hidden;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-5);font-size:1rem;font-weight:500;color:var(--text-primary);text-align:left;cursor:pointer;background:transparent;transition:background var(--duration-fast)}.faq-question:hover{background:var(--surface)}.faq-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-muted);transition:transform var(--duration-normal) var(--ease-out)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.faq-item.open .faq-answer{max-height:500px}.faq-answer-inner{padding:0 var(--space-5) var(--space-5);font-size:.875rem;line-height:1.6;color:var(--text-secondary)}.footer{padding:var(--space-10) 0;color:#fff;background:var(--primary-dark)}.footer-content{text-align:center}.footer-logo{display:flex;gap:var(--space-3);align-items:center;justify-content:center;margin-bottom:var(--space-4)}.footer-logo-text{font-size:1rem;font-weight:600}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-6)}.footer-link{font-size:.875rem;color:#ffffffb3;transition:color var(--duration-fast)}.footer-link:hover{color:#fff}.footer-copyright{font-size:.75rem;color:#ffffff7f}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;visibility:hidden;align-items:center;justify-content:center;padding:var(--space-4);background:#0009;opacity:0;backdrop-filter:blur(4px);transition:visibility var(--duration-normal),opacity var(--duration-normal) var(--ease-out)}.modal-overlay.open,.modal-overlay.show{visibility:visible;opacity:1}.modal-container{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;max-height:90vh;max-height:90dvh;overflow:hidden;background:var(--background);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;transform:scale(.95) translateY(10px);transition:transform var(--duration-normal) var(--ease-out)}#waitlistForm{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.modal-overlay.open .modal-container,.modal-overlay.show .modal-container{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--duration-fast)}.modal-close:hover{color:var(--primary-dark);background:var(--primary)}.modal-close svg{width:20px;height:20px}.modal-content{flex:1;overflow-y:auto}.modal-progress{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--space-6) var(--space-6) var(--space-4)}.progress-step{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.progress-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.875rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-full);transition:all var(--duration-fast)}.progress-step.active .progress-dot,.progress-step.completed .progress-dot{color:var(--primary-dark);background:var(--primary);border-color:var(--primary)}.progress-label{font-size:.75rem;font-weight:500;color:var(--text-muted);transition:color var(--duration-fast)}.progress-step.active .progress-label{color:var(--text-primary)}.progress-line{width:40px;height:2px;margin:0 var(--space-2);margin-bottom:var(--space-5);background:var(--border);transition:background var(--duration-fast)}.progress-line.completed{background:var(--primary)}.modal-step{display:none;flex-direction:column}.modal-step.active{display:flex;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .3s var(--ease-out)}.modal-header{padding:var(--space-2) var(--space-6) var(--space-4);text-align:center}.modal-title{margin-bottom:var(--space-2);font-size:1.375rem;font-weight:600;color:var(--text-primary)}.modal-subtitle{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.modal-body{padding:0 var(--space-6);padding-bottom:var(--space-4)}.modal-footer{position:sticky;bottom:0;display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);padding-top:var(--space-4);background:var(--background);border-top:1px solid var(--border)}.modal-footer .btn{flex:1}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9fe87033}.form-input:hover:not(:focus){border-color:var(--text-muted)}.form-input:invalid:not(:placeholder-shown){border-color:#ef4444}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.checkbox-card{position:relative;cursor:pointer}.checkbox-card input{position:absolute;pointer-events:none;opacity:0}.checkbox-content{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;padding:var(--space-4);text-align:center;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--duration-fast)}.checkbox-card:hover .checkbox-content{background:var(--border)}.checkbox-card input:checked+.checkbox-content{background:#9fe87026;border-color:var(--primary)}.checkbox-icon{font-size:1.5rem}.checkbox-label{font-size:.813rem;font-weight:500;color:var(--text-primary)}.merchant-links{display:flex;flex-direction:column;gap:var(--space-3);max-height:280px;overflow-y:auto}.merchant-link-row .form-label{font-size:.75rem;color:var(--text-secondary)}.add-more-btn{display:flex;gap:var(--space-2);align-items:center;justify-content:center;width:100%;padding:var(--space-3);margin-top:var(--space-3);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;background:transparent;border:2px dashed var(--border);border-radius:var(--radius-lg);transition:all var(--duration-fast)}.add-more-btn:hover{color:var(--primary-dark);background:#9fe8701a;border-color:var(--primary)}.add-more-btn svg{width:18px;height:18px}.success-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-6);text-align:center}.success-icon{margin-bottom:var(--space-4);font-size:4rem}.success-content .modal-title{margin-bottom:var(--space-3)}.success-content .modal-subtitle{max-width:300px;margin-bottom:var(--space-6)}.modal-close-btn{min-width:120px}.modal-progress.hidden{display:none}.application-modal-container{display:flex;flex-direction:column;max-width:640px}@media(min-width:768px){.application-modal-container{max-width:700px}}.application-form-wrapper{display:flex;flex:1;flex-direction:column;height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.application-form-wrapper .modal-header{padding:var(--space-8) var(--space-6) var(--space-6)}.application-form-wrapper .modal-body{padding:0 var(--space-6) var(--space-6)}.application-form-wrapper .modal-footer{position:sticky;bottom:0;border-top:1px solid var(--border)}.application-icon{display:none;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-4);font-size:1.75rem;background:#9fe87026;border:2px solid var(--primary);border-radius:var(--radius-full)}@media(min-width:640px){.application-icon{display:inline-flex}}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-section{margin-top:var(--space-2);margin-bottom:calc(var(--space-2) * -1)}.form-section:first-child{margin-top:0}.form-section-title{font-size:.938rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-field-full{grid-column:1 / -1}.form-select{padding-right:var(--space-8);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6b6b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9fe87033}.form-textarea{min-height:100px;font-family:inherit;line-height:1.5;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.radio-group{flex-flow:row wrap;gap:var(--space-4)}}.radio-label{position:relative;display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);cursor:pointer;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}@media(min-width:640px){.radio-label{flex:1;min-width:0;padding:var(--space-3) var(--space-4)}}.radio-label:hover{background:var(--border)}.radio-label input[type=radio]{position:absolute;width:0;height:0;opacity:0}.radio-custom{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.radio-custom:after{width:10px;height:10px;content:"";background:var(--primary-dark);border-radius:var(--radius-full);transform:scale(0);transition:transform var(--duration-fast) var(--ease-out)}.radio-label:hover .radio-custom{border-color:var(--primary)}.radio-label input[type=radio]:checked~.radio-custom{background:var(--primary);border-color:var(--primary)}.radio-label input[type=radio]:checked~.radio-custom:after{transform:scale(1)}.radio-label:has(input[type=radio]:checked){background:#9fe87026;border-color:var(--primary)}.radio-text{font-size:.875rem;font-weight:500;color:var(--text-primary);user-select:none}.application-footer{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface);border-top:1px solid var(--border)}.form-note-wrapper{display:none;text-align:center}@media(min-width:640px){.form-note-wrapper{display:block}}.form-note{font-size:.75rem;line-height:1.5;color:var(--text-muted)}.form-submit{width:100%}@media(min-width:640px){.application-footer{flex-direction:row-reverse;align-items:center;justify-content:space-between}.form-submit{width:auto;min-width:200px}.form-note-wrapper{flex:1;text-align:left}}.form-success{display:none;flex-direction:column;gap:var(--space-4);align-items:center;padding:var(--space-8);text-align:center;background:#9fe8701a;border:1px solid var(--primary);border-radius:var(--radius-xl)}.form-success.show{display:flex}.form-success-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.form-success-message{font-size:1rem;line-height:1.6;color:var(--text-secondary)}
