*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #10B981;--secondary-green: #059669;--light-green: #ECFDF5;--primary-red: #EF4444;--secondary-red: #DC2626;--light-red: #FEF2F2;--primary-blue: #3B82F6;--secondary-blue: #2563EB;--light-blue: #EFF6FF;--neutral-900: #111827;--neutral-800: #1F2937;--neutral-700: #374151;--neutral-600: #4B5563;--neutral-500: #6B7280;--neutral-400: #9CA3AF;--neutral-300: #D1D5DB;--neutral-200: #E5E7EB;--neutral-100: #F3F4F6;--neutral-50: #F9FAFB;--white: #FFFFFF;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem}body{font-family:var(--font-family);line-height:1.6;color:var(--neutral-800);background-color:var(--white);scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 768px){.container{padding:0 var(--spacing-6)}}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--neutral-200)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;height:70px}.nav-logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-green)}.nav-logo i{font-size:var(--font-size-2xl)}.nav-links{display:flex;align-items:center;gap:var(--spacing-8)}.nav-links a{text-decoration:none;color:var(--neutral-700);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-green)}.btn-download{background:var(--primary-green);color:var(--white);padding:var(--spacing-3) var(--spacing-5);border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s}.btn-download:hover{background:var(--secondary-green);transform:translateY(-1px)}.mobile-menu{display:none;font-size:var(--font-size-xl);color:var(--neutral-700);cursor:pointer}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--spacing-4);box-shadow:var(--shadow-lg);border-top:1px solid var(--neutral-200)}.nav-links.active{display:flex}.nav-links a{padding:var(--spacing-3) 0;border-bottom:1px solid var(--neutral-100)}.nav-links .btn-download{margin-top:var(--spacing-4);width:100%;text-align:center}.mobile-menu{display:block}}.hero{padding:var(--spacing-24) 0 var(--spacing-20);background:linear-gradient(135deg,var(--light-green) 0%,var(--light-blue) 100%);margin-top:70px}.hero-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.hero-title{font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--neutral-900)}.highlight{color:var(--primary-green)}.hero-description{font-size:var(--font-size-lg);color:var(--neutral-600);margin-bottom:var(--spacing-8);line-height:1.7}.hero-buttons{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-12)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s;font-size:var(--font-size-base)}.btn-primary{background:var(--primary-green);color:var(--white)}.btn-primary:hover{background:var(--secondary-green);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--neutral-700);border:2px solid var(--neutral-300)}.btn-secondary:hover{border-color:var(--primary-green);color:var(--primary-green);transform:translateY(-2px)}.hero-stats{display:flex;gap:var(--spacing-8)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--primary-green)}.stat-label{font-size:var(--font-size-sm);color:var(--neutral-600)}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{position:relative;width:300px;height:600px;background:var(--neutral-900);border-radius:30px;padding:20px;box-shadow:var(--shadow-xl);transition:transform .5s cubic-bezier(.23,1,.32,1)}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:20px;display:flex;position:relative;overflow:hidden;flex-direction:column}.app-preview{flex:1;display:flex;flex-direction:column}.app-preview img{width:100%;height:100%;object-fit:cover;display:block}.preview-header{text-align:center;margin-bottom:var(--spacing-8)}.preview-title{color:var(--white);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.preview-balance{color:var(--white);font-size:var(--font-size-3xl);font-weight:700}.preview-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.preview-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-3);color:var(--white)}.preview-card.income i{color:var(--primary-green)}.preview-card.expense i{color:var(--primary-red)}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--spacing-8)}.hero-title{font-size:var(--font-size-3xl)}.hero-buttons{flex-direction:column;align-items:center}.hero-stats{justify-content:center}.phone-mockup{width:250px;height:500px}}.features{padding:var(--spacing-20) 0;background:var(--white)}.features-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header h2{font-size:var(--font-size-4xl);font-weight:700;color:var(--neutral-900);margin-bottom:var(--spacing-4)}.section-header p{font-size:var(--font-size-lg);color:var(--neutral-600)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.feature-card{background:var(--white);padding:var(--spacing-8);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:all .3s;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-green)}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);font-size:var(--font-size-2xl);color:var(--white)}.feature-icon.expense{background:linear-gradient(135deg,var(--primary-red),var(--secondary-red))}.feature-icon.credit{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue))}.feature-icon.loan{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green))}.feature-icon.bill{background:linear-gradient(135deg,#f59e0b,#d97706)}.feature-icon.report{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon.security{background:linear-gradient(135deg,var(--neutral-700),var(--neutral-600))}.feature-card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-4)}.feature-card p{color:var(--neutral-600);line-height:1.7}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.how-it-works{padding:var(--spacing-20) 0;background:var(--neutral-50)}.how-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.step{background:var(--white);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);transition:transform .3s}.step:hover{transform:translateY(-2px)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;margin:0 auto var(--spacing-6)}.step h3{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-4)}.step p{color:var(--neutral-600);line-height:1.7}.contact{padding:var(--spacing-20) 0;background:var(--neutral-50)}.contact-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.contact-content{display:flex;justify-content:center;align-items:center;gap:var(--spacing-12);margin-top:var(--spacing-12);flex-wrap:wrap}.contact-info{justify-content:center;display:flex;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.contact-card{width:300px;height:auto;background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);margin-top:var(--spacing-4);transition:transform .3s,box-shadow .3s}.contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.contact-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);font-size:var(--font-size-xl)}.contact-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-3)}.contact-card p{color:var(--neutral-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.contact-card p:last-child{margin-bottom:0}.contact-form-wrapper{width:500px;background:var(--white);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.contact-form-header{text-align:center;margin-bottom:var(--spacing-8)}.contact-form-header h3{font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--spacing-2)}.contact-form-header p{font-size:var(--font-size-sm);color:var(--neutral-600)}.contact-form{display:fixed;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:400;color:var(--neutral-700);margin-bottom:var(--spacing-2);font-size:13px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-size:14px;padding:10px 12px;transition:border-color .3s,box-shadow .3s;font-family:var(--font-family)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--primary-red);box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:120px}.checkbox-group{flex-direction:row;align-items:flex-start;gap:var(--spacing-3)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;font-size:13px;line-height:1.5}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--neutral-300);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-green);border-color:var(--primary-green)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:var(--white);font-size:var(--font-size-xs);font-weight:700}.privacy-link{color:var(--primary-green);text-decoration:underline}.privacy-link:hover{color:var(--secondary-green)}.btn-submit{background:linear-gradient(135deg,var(--primary-green),var(--secondary-green));color:var(--white);padding:10px 16px;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:14px;margin-top:var(--spacing-4)}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-message{background:var(--light-green);color:var(--secondary-green);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--primary-green);margin-top:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.success-message:before{content:"✓";font-weight:700}.error-message{background:var(--light-red);color:var(--secondary-red);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--primary-red);margin-top:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.error-message:before{content:"⚠";font-weight:700}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-8)}.contact-info{grid-template-columns:1fr;gap:var(--spacing-4)}.contact-form-wrapper{padding:var(--spacing-6)}.checkbox-group{flex-direction:column;gap:var(--spacing-2)}}.footer-contact{margin-top:var(--spacing-4)}.footer-contact p{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.footer-contact i{color:var(--primary-green);width:16px}.cta{padding:var(--spacing-20) 0;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue))}.cta-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-4);text-align:center}.cta-content h2{font-size:var(--font-size-4xl);font-weight:700;color:var(--white);margin-bottom:var(--spacing-4)}.cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-8)}.cta-buttons{display:flex;gap:var(--spacing-4);justify-content:center}.cta .btn-primary{background:var(--white);color:var(--primary-green)}.cta .btn-primary:hover{background:var(--neutral-100)}.cta .btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white)}.cta .btn-secondary:hover{background:var(--white);color:var(--primary-green)}@media (max-width: 768px){.cta-content h2{font-size:var(--font-size-3xl)}.cta-buttons{flex-direction:column;align-items:center}}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:var(--spacing-16) 0 var(--spacing-8)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-green)}.footer-logo i{font-size:var(--font-size-2xl)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.footer-section h4{color:var(--white);font-weight:600;margin-bottom:var(--spacing-4)}.footer-section a{display:block;color:var(--neutral-400);text-decoration:none;margin-bottom:var(--spacing-2);transition:color .3s}.footer-section a:hover{color:var(--primary-green)}.footer-bottom{border-top:1px solid var(--neutral-700);padding-top:var(--spacing-8);display:flex;justify-content:space-between;align-items:center}.footer-social{display:flex;gap:var(--spacing-4)}.footer-social a{color:var(--neutral-400);font-size:var(--font-size-xl);transition:color .3s}.footer-social a:hover{color:var(--primary-green)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-8)}.footer-links{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-bottom{flex-direction:column;gap:var(--spacing-4);text-align:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card,.step,.hero-content{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}button:focus,a:focus{outline:2px solid var(--primary-green);outline-offset:2px}.loading{opacity:.7;pointer-events:none}