:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-text: #1F2937;--color-text-light: #6B7280;--color-text-muted: #9CA3AF;--color-bg: #FFFFFF;--color-bg-light: #F3F4F6;--color-border: #E5E7EB;--color-border-dashed: #93C5FD;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh}#app{min-height:100vh}.view{display:none;min-height:100vh;padding-bottom:var(--spacing-3xl)}.view.active{display:block}.container{max-width:600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.announcement-bar{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px dashed var(--color-border-dashed);border-radius:var(--radius-lg);margin:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500}.badge{background:var(--color-success);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.logo{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.tagline{color:var(--color-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.inspired-by{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.inspired-by a{color:var(--color-primary);text-decoration:none}.inspired-by a:hover{text-decoration:underline}.star-rating{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-2xl)}.star{color:var(--color-warning);font-size:var(--font-size-lg)}.drop-zone{border:2px dashed var(--color-border-dashed);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#fafbff,#f0f4ff)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--color-primary);background:linear-gradient(135deg,#eef2ff,#e0e7ff);transform:scale(1.01)}.drop-zone-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.drop-zone-subtitle{color:var(--color-text-light);font-size:var(--font-size-sm)}.privacy-notice{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.testimonials{text-align:center}.testimonials-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs)}.testimonials-subtitle{color:var(--color-text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xl)}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media (max-width: 640px){.testimonial-grid{grid-template-columns:1fr}}.testimonial-card{border:2px dashed var(--color-border-dashed);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:left;background:var(--color-bg)}.testimonial-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-light);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.handle{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.testimonial-stat{background:var(--color-bg-light);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-xl);font-weight:700}.testimonial-quote{font-size:var(--font-size-sm);color:var(--color-text-light);font-style:italic}.section-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-2xl)}.files-preview{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.files-icon{font-size:var(--font-size-2xl)}.files-count{font-weight:500}.onboarding-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:600;font-size:var(--font-size-sm)}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);font-weight:500}.input-wrapper input{padding-left:2.25rem!important}.input-wrapper input::placeholder{color:var(--color-text-muted);opacity:.6}input[type=number]{width:100%;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s}input[type=number]:focus{outline:none;border-color:var(--color-primary)}input[type=number]::placeholder{color:var(--color-text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-light)}.btn-text{background:transparent;color:var(--color-text-light);padding:var(--spacing-sm)}.btn-text:hover{color:var(--color-text)}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-unlock{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--color-bg-light);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-xl)}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.loading-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-2xl)}.loading-quip{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic;text-align:center;margin:var(--spacing-lg) 0;min-height:2.5em;transition:opacity .3s ease;padding:0 var(--spacing-md)}.loading-steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.loading-step{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:all .3s}.loading-step.active{color:var(--color-text);font-weight:500}.loading-step.complete{color:var(--color-success)}.results-header{text-align:center;margin-bottom:var(--spacing-lg)}.results-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xs)}.results-title span{color:var(--color-danger)}.results-subtitle{color:var(--color-text-light)}.dashed-divider{border-top:2px dashed var(--color-border-dashed);margin:var(--spacing-xl) 0}.results-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.result-item{display:flex;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.result-number{width:30px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.result-name{flex:1;font-weight:500}.result-amount{font-weight:600;margin-right:var(--spacing-lg)}.result-action{color:var(--color-primary);font-weight:500;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer}.result-action:hover{text-decoration:underline}.result-item.locked .result-name{filter:blur(6px);-webkit-user-select:none;user-select:none}.result-item.locked .result-action{color:var(--color-text-muted)}.lock-icon{color:var(--color-text-muted);font-size:var(--font-size-sm)}.hidden-summary{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-light);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-light)}.paywall-section{text-align:center;padding:var(--spacing-2xl) 0}.paywall-text{margin-bottom:var(--spacing-lg)}.paywall-note{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.budget-summary{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0}.budget-summary h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.budget-advice{display:flex;flex-direction:column;gap:var(--spacing-md)}.advice-item{background:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.advice-item.warning{border-left-color:var(--color-warning)}.advice-item.danger{border-left-color:var(--color-danger)}.advice-category{font-weight:600;margin-bottom:var(--spacing-sm)}.advice-text{color:var(--color-text-light);font-size:var(--font-size-sm)}#start-over-btn,#unlocked-start-over-btn{display:block;width:100%;max-width:200px;margin:var(--spacing-xl) auto 0}@media (max-width: 480px){.logo{font-size:var(--font-size-3xl)}.results-title{font-size:var(--font-size-2xl)}.result-item{flex-wrap:wrap;gap:var(--spacing-sm)}.result-amount{margin-right:0}.result-action{width:100%;text-align:right}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view.active{animation:fadeIn .3s ease-out}.result-item{animation:fadeIn .3s ease-out;animation-fill-mode:both}.result-item:nth-child(1){animation-delay:.1s}.result-item:nth-child(2){animation-delay:.15s}.result-item:nth-child(3){animation-delay:.2s}.result-item:nth-child(4){animation-delay:.25s}.result-item:nth-child(5){animation-delay:.3s}.result-item:nth-child(6){animation-delay:.35s}.result-item:nth-child(7){animation-delay:.4s}.result-item:nth-child(8){animation-delay:.45s}.why-it-works{text-align:center;margin-top:var(--spacing-xl)}.why-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xl)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: 640px){.why-grid{grid-template-columns:1fr}}.why-card{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.why-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.why-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.why-card p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.5}