@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4338ca}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.hero .scroll-animate,.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.hero .scroll-animate{animation:fadeInUp 1s ease-out}.hero .scroll-animate:first-child{animation-delay:.2s}.hero .scroll-animate:nth-child(2){animation-delay:.4s}.hero .scroll-animate:nth-child(3){animation-delay:.6s}.hero-image.scroll-animate{animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{gap:20px;height:70px;justify-content:space-between;margin:0 auto;padding:0 20px;position:relative}.logo,.logo a,.nav-container{align-items:center;display:flex}.logo a{color:inherit;text-decoration:none}.logo h2{color:#4f46e5;font-size:1.8rem;font-weight:700;gap:8px;line-height:1;margin:0;padding:0}.logo h2,.nav-links{align-items:center;display:flex}.nav-links{gap:20px}.nav-link-button,.nav-links a{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link-button:hover,.nav-links a:hover{background:#4f46e51a;color:#4f46e5}.cta-button{background:#4f46e5;border-radius:8px;color:#fff;padding:12px 24px}.cta-button:hover{background:#4338ca;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;color:#374151;cursor:pointer;display:none;font-size:1.5rem;padding:8px;z-index:1001}@media (max-width:768px){.mobile-menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #e5e7eb;box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;gap:15px;left:0;padding:20px;position:fixed;right:0;top:70px;z-index:1000}.nav-links.mobile-open{animation:slideDown .3s ease-out;display:flex}.nav-link-button,.nav-links a{border-bottom:1px solid #f3f4f6;border-radius:8px;padding:15px 0;text-align:center}.nav-link-button:last-child,.nav-links a:last-child{border-bottom:none}.cta-button{margin-top:10px}}.nav-links{transition:all .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-toggle{transition:transform .3s ease}.mobile-menu-toggle:hover{transform:scale(1.1)}body.mobile-menu-open{overflow:hidden}.hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:80vh;padding:120px 20px 80px}.hero-content{animation:fadeInUp 1s ease-out}.hero-content h1{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-subtitle{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;gap:20px}.primary-button{background:#fff;border:none;border-radius:12px;color:#4f46e5;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.primary-button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.secondary-button{background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.secondary-button:hover{background:#fff;color:#4f46e5}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:30px}.preview-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:30px}.preview-card h3{color:#374151;font-size:1.3rem;margin-bottom:25px}.preview-stats{grid-gap:20px;display:grid;gap:20px}.stat{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;padding:20px}.stat-value{color:#4f46e5;font-size:1.8rem;margin-bottom:5px}.features{background:#fff;padding:100px 20px}.features h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{margin:0 auto;max-width:1200px}.feature-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;color:inherit;cursor:pointer;display:block;opacity:0;padding:40px 30px;position:relative;text-align:center;text-decoration:none;transform:translateY(20px);transition:all .5s ease-out}.features.animate-in .feature-card{opacity:1;transform:translateY(0)}.features.animate-in .feature-card:first-child{transition-delay:.1s}.features.animate-in .feature-card:nth-child(2){transition-delay:.2s}.features.animate-in .feature-card:nth-child(3){transition-delay:.3s}.features.animate-in .feature-card:nth-child(4){transition-delay:.4s}.features.animate-in .feature-card:nth-child(5){transition-delay:.5s}.features.animate-in .feature-card:nth-child(6){transition-delay:.6s}.feature-card h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#6b7280;font-size:1rem;line-height:1.6}.learn-more{color:#4f46e5;font-size:.9rem;font-weight:600;margin-top:15px;opacity:0;transform:translateY(10px);transition:all .3s ease}.feature-card:hover .learn-more{opacity:1;transform:translateY(0)}.coming-soon-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d);box-shadow:0 2px 8px #ff6b6b4d;padding:4px 8px}@keyframes pulse{0%{box-shadow:0 2px 8px #ff6b6b4d;transform:scale(1)}50%{box-shadow:0 4px 16px #ff6b6b80;transform:scale(1.05)}to{box-shadow:0 2px 8px #ff6b6b4d;transform:scale(1)}}.benefits{background:linear-gradient(135deg,#f8fafc,#e5e7eb);padding:100px 20px}.benefits-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.benefits-text h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:40px}.benefit-item{margin-bottom:30px;opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.benefits.animate-in .benefit-item{opacity:1;transform:translateX(0)}.benefits.animate-in .benefit-item:first-child{transition-delay:.1s}.benefits.animate-in .benefit-item:nth-child(2){transition-delay:.2s}.benefits.animate-in .benefit-item:nth-child(3){transition-delay:.3s}.benefits.animate-in .benefit-item:nth-child(4){transition-delay:.4s}.benefit-item h4{color:#4f46e5;font-size:1.3rem;font-weight:600;margin-bottom:10px}.benefit-item p{color:#6b7280;line-height:1.6}.phone-mockup{display:flex;justify-content:center}.phone-screen{background:#1f2937;border-radius:30px;box-shadow:0 20px 40px #0000004d;height:500px;padding:20px;width:250px}.app-interface{background:#fff;border-radius:20px;display:flex;flex-direction:column;height:100%;padding:20px;width:100%}.app-header{color:#4f46e5;font-size:1.2rem;font-weight:700}.app-header,.balance-card{margin-bottom:30px;text-align:center}.balance-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:25px}.balance-amount{font-size:1.8rem;font-weight:700}.quick-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr}.action-btn{background:#f3f4f6;border-radius:10px;color:#374151;font-size:.8rem;font-weight:600;padding:15px 10px;text-align:center}.cta-section{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:80px 20px;text-align:center}.cta-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-section p{color:#ffffffe6;font-size:1.2rem;margin-bottom:40px}.cta-large-button{background:#fff;border:none;border-radius:15px;color:#4f46e5;cursor:pointer;font-size:1.2rem;font-weight:700;padding:20px 40px;transition:all .3s ease}.cta-large-button:hover{box-shadow:0 15px 35px #0003;transform:translateY(-3px)}.footer{background:#1f2937;color:#fff;padding:60px 20px 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 40px;max-width:1200px}.footer-section h3{color:#4f46e5;font-size:1.5rem;margin-bottom:20px}.footer-section h4{color:#e5e7eb;margin-bottom:15px}.footer-section ul{list-style:none}.footer-section ul li{color:#9ca3af;cursor:pointer;margin-bottom:8px;transition:color .3s ease}.footer-section ul li:hover{color:#4f46e5}.footer-section ul li a{color:inherit;text-decoration:none}.footer-section ul li a:hover{color:#4f46e5}.footer-section p{color:#9ca3af;line-height:1.6}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:20px;text-align:center}html{scroll-behavior:smooth}@media (max-width:1024px){.nav-links{gap:15px}.nav-link-button,.nav-links a{font-size:.9rem;padding:6px 12px}}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:100px 20px 60px;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.features-grid{grid-template-columns:1fr}.benefits-content,.footer-content{grid-template-columns:1fr;text-align:center}}.feature-card:hover{background:#fff;box-shadow:0 20px 40px #00000026;color:inherit;text-decoration:none;transform:translateY(-5px) scale(1.02)}.cta-section h2.scroll-animate{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.cta-section h2.animate-in{opacity:1;transform:translateY(0);transition-delay:.2s}.cta-section p.scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.cta-section p.animate-in{opacity:1;transform:translateY(0);transition-delay:.4s}.cta-large-button.scroll-animate{opacity:0;transform:translateY(20px) scale(.9);transition:all .8s ease-out}.cta-large-button.animate-in{opacity:1;transform:translateY(0) scale(1);transition-delay:.6s}h2.scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s ease-out}h2.animate-in{opacity:1;transform:translateY(0)}.footer{animation:fadeInUp 1s ease-out .2s forwards;opacity:0;transform:translateY(20px)}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 0 0 #4f46e500}}.cta-large-button:hover{animation:pulse-glow 1.5s infinite}.features.animate-in .features-grid .feature-card:nth-child(odd){transform:translateY(0) translateX(-10px)}.features.animate-in .features-grid .feature-card:nth-child(2n){transform:translateY(0) translateX(10px)}.benefits-visual{opacity:0;transform:translateX(20px);transition:all .8s ease-out}.benefits.animate-in .benefits-visual{opacity:1;transform:translateX(0);transition-delay:.3s}.contact-section{background:#f8fafc;padding:100px 20px}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-info h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:20px}.contact-info p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:25px}.contact-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;gap:15px;padding:20px;transition:all .3s ease}.contact-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.contact-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.contact-item h4{color:#374151;font-weight:600;margin:0 0 5px}.contact-item p{color:#6b7280;font-size:.9rem;margin:0}.contact-form-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px}.contact-form{gap:25px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:1rem;padding:15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #4f46e54d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.sending{background:#6b7280}.submit-button.success{animation:successPulse .6s ease-out;background:#10b981}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-message{background:linear-gradient(135deg,#10b981,#059669)}.error-message,.success-message{animation:slideDown .3s ease-out;border-radius:10px;color:#fff;font-weight:500;padding:15px 20px;text-align:center}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626)}.form-group input:invalid:not(:focus):not(:placeholder-shown),.form-group select:invalid:not(:focus),.form-group textarea:invalid:not(:focus):not(:placeholder-shown){background-color:#fef2f2;border-color:#ef4444}.form-group input:valid:not(:placeholder-shown),.form-group select:valid,.form-group textarea:valid:not(:placeholder-shown){background-color:#f0fdf4;border-color:#10b981}.submit-button.sending:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-info .scroll-animate{opacity:0;transform:translateX(-30px);transition:all .8s ease-out}.contact-info .scroll-animate.animate-in{opacity:1;transform:translateX(0)}.contact-info .scroll-animate:first-child{transition-delay:.1s}.contact-info .scroll-animate:nth-child(2){transition-delay:.2s}.contact-info .scroll-animate:nth-child(3) .contact-item:first-child{transition-delay:.3s}.contact-info .scroll-animate:nth-child(3) .contact-item:nth-child(2){transition-delay:.4s}.contact-info .scroll-animate:nth-child(3) .contact-item:nth-child(3){transition-delay:.5s}.contact-form-container.scroll-animate{opacity:0;transform:translateX(30px);transition:all .8s ease-out .3s}.contact-form-container.animate-in{opacity:1;transform:translateX(0)}@media (max-width:768px){.contact-content{gap:40px;grid-template-columns:1fr}.contact-form-container{padding:30px 20px}.contact-info{text-align:center}.contact-info h2{font-size:2rem}}.budget-planning-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.cta-button{color:#4f46e5}.budget-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.paid-badge{animation:shine 3s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}@keyframes shine{0%{box-shadow:0 2px 8px #10b9814d;transform:scale(1)}50%{box-shadow:0 4px 16px #10b98166;transform:scale(1.02)}to{box-shadow:0 2px 8px #10b9814d;transform:scale(1)}}.budget-summary{margin-bottom:25px}.summary-item{border-bottom:1px solid #f3f4f6;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item .value{font-size:1.1rem;font-weight:700}.value.income{color:#10b981}.value.expense{color:#ef4444}.value.savings{color:#3b82f6}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6b7280;display:block;font-size:.9rem;text-align:center}.feature-highlight span{background:#4f46e5}.status-workflow{background:linear-gradient(135deg,#f8fafc,#e5e7eb);padding:100px 20px}.status-workflow h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.workflow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.step{max-width:250px;text-align:center}.step-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.step-icon.draft{background:#fbbf24;color:#fff}.step-icon.active{background:#10b981;color:#fff}.step-icon.completed{background:#8b5cf6;color:#fff}.workflow-arrow{color:#6b7280;font-size:2rem;font-weight:700}.step h3{color:#374151;font-size:1.3rem;font-weight:600;margin-bottom:10px}.step p{color:#6b7280;line-height:1.5}.smart-feature h4{color:#4f46e5}.analytics-dashboard{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h3{color:#374151;font-size:1.3rem;font-weight:600}.chart-placeholder{align-items:end;background:#f8fafc;border-radius:12px;display:flex;height:200px;justify-content:space-around;margin-bottom:20px;padding:20px}.chart-bars{align-items:end;display:flex;gap:15px;height:100%}.bar{background:linear-gradient(0deg,#4f46e5,#7c3aed);border-radius:4px 4px 0 0;transition:all .3s ease;width:20px}.bar:hover{transform:scaleY(1.1)}.chart-legend{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.legend-item{gap:8px}.legend-color.income{background:#10b981}.legend-color.expenses{background:#ef4444}.legend-color.savings{background:#3b82f6}.insights{display:flex;flex-direction:column;gap:10px}.getting-started{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.start-button,.step-number{color:#4f46e5}.integration-features{background:#fff;padding:100px 20px}.integration-features h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.integration-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.integration-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.integration-card:hover{background:#fff;box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.integration-card h3{color:#374151;font-size:1.3rem;font-weight:600;margin-bottom:15px}.integration-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.page-navigation{align-items:flex-start;flex-direction:column;gap:15px}.header-content{grid-template-columns:1fr;text-align:center}.header-content h1{font-size:2.5rem}.smart-content{grid-template-columns:1fr;text-align:center}.workflow-steps{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.features-grid,.integration-grid,.steps-grid{grid-template-columns:1fr}}.income-management-page{background:linear-gradient(135deg,#059669,#10b981);min-height:100vh}.cta-button{color:#059669}.income-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.status-badge.active{background:#10b981;color:#fff}.income-summary{margin-bottom:25px}.summary-item .value.total{color:#059669}.income-sources{display:flex;flex-direction:column;gap:12px}.source-item{align-items:center;background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px}.source-name{color:#374151;font-weight:500}.source-amount{color:#059669;font-weight:600}.frequency-indicator{display:flex;gap:12px;justify-content:center;margin-top:15px}.frequency-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:8px 16px}.frequency-badge.recurring{background:#dbeafe;color:#1d4ed8}.frequency-badge.one-time{background:#fef3c7;color:#d97706}.feature-highlight span{background:#059669}.income-types{background:linear-gradient(135deg,#f8fafc,#e5e7eb);padding:100px 20px}.income-types h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.types-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr}.frequency-section h3,.types-section h3{color:#374151;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.type-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.type-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:25px 20px;text-align:center;transition:all .3s ease}.type-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.type-icon{font-size:2.5rem;margin-bottom:15px}.type-card h4{color:#374151;font-size:1.2rem;font-weight:600;margin-bottom:10px}.type-card p{color:#6b7280;font-size:.9rem;line-height:1.4}.smart-feature h4{color:#059669}.income-analytics{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.trend-chart{background:#f8fafc;border-radius:12px;height:200px;margin-bottom:25px;padding:20px;position:relative}.chart-area{height:100%;position:relative;width:100%}.trend-line{background:linear-gradient(90deg,#059669,#10b981);border-radius:1px;height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-2deg)}.data-points{height:100%;position:relative;width:100%}.point{background:#059669;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;height:8px;position:absolute;transition:all .3s ease;width:8px}.point:hover{background:#10b981;transform:scale(1.5)}.income-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:20px;text-align:center}.stat-value{color:#059669;font-size:1.5rem;font-weight:700}.stat-label{color:#6b7280;font-size:.9rem}.getting-started{background:linear-gradient(135deg,#059669,#10b981)}.start-button,.step-number{color:#059669}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.page-navigation{align-items:flex-start;flex-direction:column;gap:15px}.header-content{grid-template-columns:1fr;text-align:center}.header-content h1{font-size:2.5rem}.smart-content,.types-content{grid-template-columns:1fr}.smart-content{text-align:center}.advanced-grid,.features-grid,.income-stats,.steps-grid{grid-template-columns:1fr}}.expense-management-page{background:linear-gradient(135deg,#dc2626,#ef4444);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateX(-2px)}.page-breadcrumb{color:#fffc;font-size:.9rem}.page-breadcrumb span{cursor:pointer;transition:color .3s ease}.page-breadcrumb span:hover:not(.current):not(.separator){color:#fff}.page-breadcrumb .separator{cursor:default;margin:0 10px}.page-breadcrumb .current{color:#fff;cursor:default;font-weight:600}.page-header{color:#fff;padding:80px 20px}.header-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:25px}.header-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.header-content p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;opacity:.9}.cta-button{background:#fff;border:none;border-radius:12px;color:#dc2626;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.expense-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.card-header h3{color:#374151;font-size:1.3rem;font-weight:600}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.tracking{background:#ef4444;color:#fff}.expense-summary{margin-bottom:25px}.summary-item{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 0}.summary-item .label{color:#6b7280;font-size:1rem;font-weight:500}.summary-item .value.total{color:#dc2626;font-size:1.5rem;font-weight:700}.expense-breakdown{gap:15px}.category-item,.expense-breakdown{display:flex;flex-direction:column}.category-item{gap:8px}.category-item>div:first-child{align-items:center;display:flex;justify-content:space-between}.category-name{color:#374151;font-weight:500}.category-amount{color:#dc2626;font-weight:600}.category-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:100%}.category-fill{background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:3px;height:100%;transition:width .3s ease}.payment-status{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:15px}.status-indicator{border-radius:20px;font-size:.8rem;font-weight:600;padding:8px 16px}.status-indicator.paid{background:#d1fae5;color:#065f46}.status-indicator.pending{background:#fef3c7;color:#d97706}.status-indicator.recurring{background:#dbeafe;color:#1d4ed8}.core-features{background:#fff;padding:100px 20px}.core-features h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:20px;padding:40px 30px;text-align:center;transition:all .3s ease}.feature-item:hover{background:#fff;box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-item h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:15px}.feature-item p{color:#6b7280;line-height:1.6;margin-bottom:20px}.feature-highlight{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.feature-highlight span{background:#dc2626;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px}.expense-categories{background:linear-gradient(135deg,#f8fafc,#e5e7eb);padding:100px 20px}.expense-categories h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.categories-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr}.categories-section h3,.frequency-section h3{color:#374151;font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.category-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.category-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:25px 20px;text-align:center;transition:all .3s ease}.category-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-3px)}.category-icon{font-size:2.5rem;margin-bottom:15px}.category-card h4{color:#374151;font-size:1.2rem;font-weight:600;margin-bottom:10px}.category-card p{color:#6b7280;font-size:.9rem;line-height:1.4}.frequency-options{display:flex;flex-direction:column;gap:15px}.frequency-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.frequency-option:hover{box-shadow:0 5px 15px #0000001a;transform:translateX(5px)}.freq-icon{font-size:1.5rem;text-align:center;width:40px}.freq-details h4{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:5px}.freq-details p{color:#6b7280;font-size:.9rem;margin:0}.smart-features{background:#fff;padding:100px 20px}.smart-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.smart-text h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:40px}.smart-feature{margin-bottom:30px}.smart-feature h4{color:#dc2626;font-size:1.3rem;font-weight:600;margin-bottom:10px}.smart-feature p{color:#6b7280;line-height:1.6}.expense-analytics{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header h3{color:#374151;font-size:1.3rem;font-weight:600}.header-right{align-items:center;display:flex;gap:12px}.period{color:#6b7280;font-size:.9rem}.feature-header{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:15px}.feature-header h3{margin:0}.coming-soon-badge{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;box-shadow:0 2px 8px #dc26264d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #dc26264d;transform:scale(1)}50%{box-shadow:0 4px 16px #dc262666;transform:scale(1.05)}}.spending-chart{margin-bottom:25px}.chart-container{margin-bottom:20px}.chart-container,.pie-chart{align-items:center;display:flex;justify-content:center;position:relative}.pie-chart{background:conic-gradient(#ef4444 0 42%,#f97316 42% 65%,#3b82f6 65% 80%,#6b7280 80% 100%);border-radius:50%;height:200px;width:200px}.chart-center{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;position:absolute;width:120px}.total-amount{color:#374151;font-size:1.5rem;font-weight:700}.total-label{color:#6b7280;font-size:.8rem}.expense-legend{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:10px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-color.housing{background:#ef4444}.legend-color.food{background:#f97316}.legend-color.transport{background:#3b82f6}.legend-color.other{background:#6b7280}.quick-insights{display:flex;flex-direction:column;gap:10px}.insight-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;font-size:.9rem;gap:10px;padding:10px}.insight-icon{font-size:1.2rem}.getting-started{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:100px 20px;text-align:center}.getting-started h2{font-size:2.5rem;font-weight:700;margin-bottom:60px}.steps-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.start-step{text-align:center}.step-number{align-items:center;background:#fff;border-radius:50%;color:#dc2626;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.start-step h3{font-size:1.5rem;font-weight:600;margin-bottom:15px}.start-step p{line-height:1.6;opacity:.9}.start-cta{text-align:center}.start-button{background:#fff;border:none;border-radius:15px;color:#dc2626;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:15px;padding:20px 40px;transition:all .3s ease}.start-button:hover{box-shadow:0 15px 35px #0003;transform:translateY(-3px)}.start-note{font-size:.9rem;opacity:.8}.advanced-features{background:#fff;padding:100px 20px}.advanced-features h2{color:#374151;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.advanced-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.advanced-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.advanced-card:hover{background:#fff;box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.advanced-card h3{color:#374151;font-size:1.3rem;font-weight:600;margin-bottom:15px}.advanced-card p{color:#6b7280;line-height:1.6}@media (max-width:768px){.page-navigation{align-items:flex-start;flex-direction:column;gap:15px}.header-content{grid-template-columns:1fr;text-align:center}.header-content h1{font-size:2.5rem}.categories-content,.smart-content{grid-template-columns:1fr}.smart-content{text-align:center}.advanced-grid,.features-grid,.steps-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
/*# sourceMappingURL=main.2c0916f6.css.map*/