@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=DM+Serif+Display&display=swap";.header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);height:var(--header-height);background:#fafaf8d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.header-logo{align-items:center;gap:var(--space-sm);color:var(--color-text);font-weight:var(--font-bold);font-size:var(--text-lg);text-decoration:none;display:flex}.logo-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:1.5rem}.logo-text{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;gap:var(--space-lg);display:flex}.header-link{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--transition-fast);text-decoration:none}.header-link:hover{color:var(--color-text)}.header-signin-btn{font-size:var(--text-sm);border-radius:var(--radius-full);white-space:nowrap;padding:6px 16px}.header-user-menu{position:relative}.header-avatar-btn{border-radius:var(--radius-full);border:2px solid var(--color-border-light);background:var(--color-bg-card);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.header-avatar-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50)}.header-avatar-img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.header-avatar-fallback{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary);text-transform:uppercase}.header-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);z-index:calc(var(--z-sticky) + 10);animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-info{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.header-dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.header-dropdown-email{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-dropdown-divider{background:var(--color-border-light);height:1px;margin:0}.header-dropdown-item{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);border-radius:0 0 var(--radius-md) var(--radius-md);background:0 0;border:none;padding:10px 16px;display:block}.header-dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text)}@media (width<=480px){.header-nav .header-link{display:none}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);padding:var(--space-3xl) 0 var(--space-xl);margin-top:auto}.footer-inner{justify-content:space-between;gap:var(--space-3xl);margin-bottom:var(--space-2xl);display:flex}.footer-brand{max-width:280px}.footer-logo{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.footer-tagline{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted)}.footer-links{gap:var(--space-3xl);display:flex}.footer-col{gap:var(--space-sm);flex-direction:column;display:flex}.footer-col-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.footer-col a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border-light)}.footer-bottom p{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=640px){.footer-inner{gap:var(--space-xl);flex-direction:column}.footer-links{gap:var(--space-xl)}}.hero{padding:var(--space-4xl) 0;align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-gradient{background:linear-gradient(135deg, var(--color-bg-warm) 0%, #fff5f5 30%, #f0f9ff 60%, var(--color-bg) 100%);position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-orb-1{background:var(--color-primary-200);width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.hero-orb-2{background:#4ecdc44d;width:300px;height:300px;animation-delay:2s;bottom:-50px;left:-50px}.hero-orb-3{background:#ffd93d40;width:200px;height:200px;animation-delay:4s;top:50%;left:60%}.hero-content{z-index:1;text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.hero-badge{align-items:center;gap:var(--space-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;padding:8px 20px;display:inline-flex}.hero-title{letter-spacing:-.03em;max-width:700px;color:var(--color-text);background:linear-gradient(135deg, var(--color-text) 40%, var(--color-primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);line-height:1.1}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:540px;line-height:var(--leading-relaxed)}.hero-cta{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.hero-cta-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.hero-preview{margin-top:var(--space-2xl);width:100%;max-width:480px}.preview-card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-xl);border:1px solid #fff9}.preview-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.preview-emoji{font-size:2rem}.preview-label{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text)}.preview-mode{font-size:var(--text-sm);color:var(--color-text-muted)}.preview-buckets{gap:var(--space-sm);flex-direction:column;display:flex}.preview-bucket{flex-direction:column;gap:4px;display:flex}.bucket-bar{border-radius:var(--radius-full);height:8px;width:var(--w);background:var(--c);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.bucket-info{justify-content:space-between;align-items:center;display:flex}.bucket-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.bucket-amount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.preview-summary{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#1a9b52;font-weight:var(--font-medium);text-align:center;background:#2ecc7114}.how-it-works{background:var(--color-bg)}.section-title{font-size:var(--text-3xl);font-family:var(--font-serif);margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}.steps-grid{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.step-card{text-align:center;padding:var(--space-xl) var(--space-lg)}.step-number{background:var(--color-primary-100);width:36px;height:36px;color:var(--color-primary-dark);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:inline-flex}.step-icon{margin-bottom:var(--space-md);font-size:2.5rem}.step-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.step-card p{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.templates-section{background:var(--color-bg-warm)}.templates-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.template-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;transition:all var(--transition-base);position:relative}.template-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.template-featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-100)}.template-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:3px 14px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.template-icon{margin-bottom:var(--space-sm);font-size:2rem}.template-card h4{margin-bottom:2px}.template-zh{font-size:var(--text-xs)!important;color:var(--color-text-muted)!important;margin-bottom:var(--space-sm)!important}.template-card p{font-size:var(--text-sm);font-style:italic}.template-focus{margin-top:var(--space-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-full);padding:4px 12px;display:inline-block}.trust-section{background:var(--color-bg)}.trust-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.trust-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.trust-card:hover{box-shadow:var(--shadow-md)}.trust-icon{margin-bottom:var(--space-sm);font-size:1.75rem}.trust-card h4{margin-bottom:var(--space-xs)}.trust-card p{font-size:var(--text-sm)}.final-cta{background:linear-gradient(135deg, var(--color-bg-warm), #fff5f5, #f0f9ff);padding:var(--space-4xl) 0}.final-cta h2{font-family:var(--font-serif);margin-bottom:var(--space-sm)}.final-cta .section-subtitle{margin-bottom:var(--space-xl)}.cta-footnote{margin-top:var(--space-md);font-size:var(--text-sm)!important;color:var(--color-text-muted)!important}@media (width<=768px){.hero{min-height:auto;padding:var(--space-2xl) 0}.steps-grid{gap:var(--space-md);grid-template-columns:1fr}.templates-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr}}@media (width<=480px){.templates-grid{grid-template-columns:1fr}}.planner-page{padding:var(--space-xl) 0 var(--space-4xl);min-height:calc(100vh - var(--header-height))}.planner-steps{justify-content:center;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xl);padding:var(--space-lg) 0;display:flex}.planner-step-row{align-items:center;gap:var(--space-xs);display:flex}.step-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium);transition:color var(--transition-fast)}.step-label.active{color:var(--color-primary);font-weight:var(--font-semibold)}.planner-form{min-height:420px}.step-content{gap:var(--space-xl);flex-direction:column;display:flex}.step-header h2{font-size:var(--text-2xl);font-family:var(--font-serif);margin-bottom:var(--space-xs)}.step-header p{font-size:var(--text-base)}.form-fields{gap:var(--space-lg);flex-direction:column;display:flex}.frequency-options{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.freq-option{padding:var(--space-md);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-sans);flex-direction:column;align-items:flex-start;display:flex}.freq-option:hover{border-color:var(--color-primary-200)}.freq-option.selected{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 2px var(--color-primary-100)}.freq-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.freq-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.instant-feedback{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-secondary-dark);background:#4ecdc414;display:flex}.feedback-emoji{font-size:1.25rem}.suggestions-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.suggestion-chip{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px}.suggestion-chip:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-dark)}.add-cost-row{gap:var(--space-sm);align-items:center;display:flex}.add-cost-row .form-input{flex:1}.cost-list{gap:var(--space-xs);flex-direction:column;display:flex}.cost-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);display:flex}.cost-category-icon{flex-shrink:0;font-size:1.1rem}.cost-name{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.cost-amount-input{width:100px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);text-align:right;outline:none;padding:6px 10px}.cost-amount-input:focus{border-color:var(--color-primary)}.cost-remove{color:var(--color-text-muted);font-size:var(--text-base);padding:4px 8px}.cost-remove:hover{color:var(--color-error)}.running-total{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg)}.running-total.deficit{background:#e74c3c0d;border:1px solid #e74c3c26}.total-row{padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.total-row.highlight{padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--color-border-light);font-weight:var(--font-semibold);color:var(--color-text)}.total-amount{font-weight:var(--font-bold);font-size:var(--text-base)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.deficit-hint{margin-top:var(--space-sm);font-size:var(--text-xs)!important;color:var(--color-error)!important}.goal-type-options{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.goal-type-card{align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);flex-direction:column;display:flex}.goal-type-card:hover{border-color:var(--color-primary-200)}.goal-type-card.selected{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 2px var(--color-primary-100)}.goal-type-icon{font-size:1.5rem}.goal-type-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.goal-progress-preview{gap:var(--space-sm);flex-direction:column;display:flex}.goal-progress-bar{background:var(--color-surface);border-radius:var(--radius-full);width:100%;height:10px;overflow:hidden}.goal-progress-fill{background:linear-gradient(90deg, var(--color-goal), var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.goal-progress-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.skip-goal{margin-top:var(--space-md);align-self:center}.template-selection-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.template-select-card{gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:var(--font-sans);flex-direction:column;display:flex}.template-select-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-select-card.selected{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:0 0 0 2px var(--color-primary-100), var(--shadow-md)}.tsc-header{align-items:center;gap:var(--space-sm);display:flex}.tsc-icon{font-size:1.5rem}.tsc-name{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text)}.tsc-name-zh{font-size:var(--text-xs);color:var(--color-text-muted)}.tsc-check{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center;align-items:center;margin-left:auto;display:flex}.tsc-tagline{font-style:italic;font-size:var(--text-sm)!important}.tsc-breakdown{margin-top:var(--space-sm)}.tsc-bar{border-radius:var(--radius-full);gap:2px;height:6px;display:flex;overflow:hidden}.tsc-bar-seg{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.tsc-amounts{margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:space-between;display:flex}.planner-nav{align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-light);display:flex}@media (width<=640px){.add-cost-row{flex-wrap:wrap}.add-cost-row .form-select{max-width:none}.template-selection-grid,.goal-type-options{grid-template-columns:1fr}}.preview-page{padding:var(--space-xl) 0 var(--space-4xl)}.result-section{margin-bottom:var(--space-3xl)}.result-hero{text-align:center}.result-badge{align-items:center;gap:var(--space-sm);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-dark);margin-bottom:var(--space-lg);padding:8px 20px;display:inline-flex}.result-headline{font-size:var(--text-3xl);margin-bottom:var(--space-sm)}.result-explanation{font-size:var(--text-lg);max-width:560px;margin:0 auto var(--space-2xl)}.deficit-alert{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);text-align:left;margin-bottom:var(--space-xl);background:#e74c3c0f;border:1px solid #e74c3c26;display:flex}.deficit-icon{flex-shrink:0;font-size:1.5rem}.deficit-alert p{font-size:var(--text-sm);margin-top:var(--space-xs)}.key-numbers{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.key-number{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center}.kn-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em}.kn-value{font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:1.2}.kn-pct{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.allocation-bar{border-radius:var(--radius-md);height:40px;margin-bottom:var(--space-lg);gap:2px;display:flex;overflow:hidden}.alloc-segment{justify-content:center;align-items:center;min-width:4px;transition:width .8s cubic-bezier(.34,1.56,.64,1);display:flex}.seg-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.bucket-details{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.bucket-detail{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-sm);display:flex}.bd-dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.bd-label{font-size:var(--text-sm);font-weight:var(--font-medium);flex:1}.bd-amount{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text)}.bd-pct{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;min-width:40px}.warnings-list{gap:var(--space-sm);flex-direction:column;display:flex}.warning-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;display:flex}.warning-critical{color:var(--color-error);background:#e74c3c0f}.warning-warning{color:#b8700a;background:#f39c120f}.warning-info{color:var(--color-info);background:#3498db0f}.warning-icon{flex-shrink:0;font-size:1rem}.warning-action{opacity:.8;font-style:italic}.sim-cards{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.sim-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl)}.sim-card h3{font-size:var(--text-xl);margin-bottom:var(--space-lg)}.sim-stats{gap:var(--space-md);flex-direction:column;display:flex}.sim-stat{align-items:center;gap:var(--space-sm);display:flex}.sim-check{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);justify-content:center;align-items:center;display:flex}.sim-check.ok{color:#1a9b52;background:#2ecc711f}.sim-check.bad{color:var(--color-error);background:#e74c3c1f}.sim-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.sim-label-sm{font-size:var(--text-sm);color:var(--color-text-secondary)}.sim-card-90{position:relative;overflow:hidden}.pro-overlay-container{position:relative}.pro-blur-overlay{-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-lg);background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sim-disclaimer{margin-top:var(--space-md);font-style:italic;font-size:var(--text-xs)!important}.compare-grid{gap:var(--space-md);margin-top:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.compare-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base);position:relative}.compare-card:hover{box-shadow:var(--shadow-md)}.compare-card.current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100)}.compare-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;position:absolute;top:-8px;right:12px}.compare-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.compare-name{font-weight:var(--font-bold);font-size:var(--text-sm)}.compare-values{gap:var(--space-sm);flex-direction:column;display:flex}.compare-values>div{justify-content:space-between;align-items:center;display:flex}.cv-label{font-size:var(--text-xs);color:var(--color-text-muted)}.cv-value{font-size:var(--text-sm);font-weight:var(--font-bold)}.pro-teaser{background:linear-gradient(135deg, var(--color-bg-warm), #fff5f5, #f0f9ff);border:1.5px solid var(--color-primary-200);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center}.pro-teaser h3{font-size:var(--text-2xl);font-family:var(--font-serif);margin-bottom:var(--space-sm)}.pro-teaser p{max-width:460px;margin:0 auto var(--space-lg)}.pro-price-hint{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted);display:block}.feedback-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.feedback-card h4{margin-bottom:var(--space-md)}.feedback-options{gap:var(--space-sm);justify-content:center;display:flex}.feedback-btn{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);padding:10px 20px}.feedback-btn:hover{border-color:var(--color-primary);background:var(--color-primary-50);transform:translateY(-1px)}@media (width<=768px){.key-numbers,.sim-cards{grid-template-columns:1fr}.compare-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.compare-grid{grid-template-columns:1fr}.feedback-options{flex-direction:column}}.paywall-page{padding:var(--space-3xl) 0 var(--space-4xl)}.paywall-hero{text-align:center;margin-bottom:var(--space-2xl)}.paywall-hero h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin-bottom:var(--space-md)}.paywall-subtitle{font-size:var(--text-lg);max-width:460px;margin:0 auto}.paywall-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl)}.paywall-price-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border-light)}.price-tag{margin-bottom:var(--space-sm);justify-content:center;align-items:flex-start;line-height:1;display:flex}.price-currency{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-top:8px}.price-amount{font-size:4rem;font-weight:var(--font-extrabold);color:var(--color-text);letter-spacing:-.03em}.price-cents{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-top:8px}.price-type{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.paywall-features{gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.feature-item{gap:var(--space-md);align-items:flex-start;display:flex}.feature-check{color:#1a9b52;border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-sm);font-weight:var(--font-bold);background:#2ecc711f;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.feature-item strong{font-size:var(--text-base);color:var(--color-text);margin-bottom:2px;display:block}.feature-item p{font-size:var(--text-sm);margin:0}.paywall-buy-btn{width:100%;font-size:var(--text-lg)!important;padding:20px!important}.paywall-trust{justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);display:flex}.paywall-trust span{font-size:var(--text-xs);color:var(--color-text-muted)}.paywall-faq{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl)}.paywall-faq h3,.faq-item{margin-bottom:var(--space-lg)}.faq-item:last-child{margin-bottom:0}.faq-item h4{font-size:var(--text-base);margin-bottom:var(--space-xs)}.faq-item p{font-size:var(--text-sm)}.pro-unlocked{padding:var(--space-3xl)}.unlocked-icon{margin-bottom:var(--space-lg);font-size:3rem;display:block}.pro-unlocked h2{margin-bottom:var(--space-sm)}.pro-unlocked p{margin-bottom:var(--space-xl)}@media (width<=480px){.paywall-trust{align-items:center;gap:var(--space-sm);flex-direction:column}}.seo-page{padding:var(--space-2xl) 0 var(--space-4xl)}.seo-article{max-width:var(--max-width-content);margin:0 auto}.seo-hero{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border-light)}.seo-breadcrumb{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);display:block}.seo-breadcrumb a{color:var(--color-text-muted)}.seo-breadcrumb a:hover{color:var(--color-primary)}.seo-hero h1{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.seo-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.seo-section{margin-bottom:var(--space-3xl)}.seo-section h2{font-size:var(--text-2xl);font-family:var(--font-serif);margin-bottom:var(--space-md)}.seo-section p{margin-bottom:var(--space-md);font-size:var(--text-base);line-height:var(--leading-relaxed)}.seo-section p:last-child{margin-bottom:0}.seo-list{margin-bottom:var(--space-lg);padding:0;list-style:none}.seo-list li{padding:var(--space-sm) 0 var(--space-sm) var(--space-xl);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);position:relative}.seo-list li:before{content:"→";color:var(--color-primary);font-weight:var(--font-bold);position:absolute;left:0}ol.seo-list{counter-reset:step}ol.seo-list li:before{counter-increment:step;content:counter(step) ".";font-weight:var(--font-bold)}.variable-grid{gap:var(--space-sm);margin:var(--space-lg) 0;flex-direction:column;display:flex}.variable-card{gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex}.var-symbol{background:var(--color-primary-50);width:36px;height:36px;color:var(--color-primary-dark);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--text-lg);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.variable-card strong{font-size:var(--text-sm);margin-bottom:2px;display:block}.variable-card p{font-size:var(--text-sm)!important;margin:0!important}.seo-table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0;font-size:var(--text-sm)}.seo-table th,.seo-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-light)}.seo-table th{font-weight:var(--font-semibold);color:var(--color-text);background:var(--color-surface)}.seo-table td{color:var(--color-text-secondary)}.seo-table code{background:var(--color-primary-50);color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:4px;padding:2px 6px}.seo-table .total-row td{border-top:2px solid var(--color-border);font-weight:var(--font-bold);color:var(--color-text)}.seo-table .remainder-row td{color:var(--color-success);font-weight:var(--font-bold)}.example-card{background:var(--color-bg-warm);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0}.example-card h4{margin-bottom:var(--space-md)}.template-compare-grid{gap:var(--space-md);margin:var(--space-xl) 0;grid-template-columns:repeat(2,1fr);display:grid}.tc-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg)}.tc-header{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:3px solid;display:flex}.tc-zh{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.tc-example{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm)}.tc-example p{font-size:var(--text-xs)!important;color:var(--color-text-muted)!important;margin:0!important}.mistakes-grid{gap:var(--space-md);margin:var(--space-lg) 0;grid-template-columns:repeat(2,1fr);display:grid}.mistake-card{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.mistake-icon{margin-bottom:var(--space-xs);font-size:1.25rem;display:block}.mistake-card h4{font-size:var(--text-base);margin-bottom:var(--space-xs)}.mistake-card p{font-size:var(--text-sm)!important}.calc-form{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.calc-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.calc-grid .form-group:first-child{grid-column:span 2}.calc-result{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl)}.calc-result h3{margin-bottom:var(--space-lg)}.calc-buckets{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.calc-bucket{flex-direction:column;gap:4px;display:flex}.cb-bar{border-radius:var(--radius-full);height:8px;transition:width .6s}.cb-info{font-size:var(--text-sm);justify-content:space-between;display:flex}.cb-info span{color:var(--color-text-secondary)}.cb-info strong{color:var(--color-text)}.calc-next{padding-top:var(--space-md);border-top:1px solid var(--color-border-light);font-size:var(--text-sm)!important}.seo-cta-section{text-align:center;padding:var(--space-2xl);background:linear-gradient(135deg, var(--color-bg-warm), #fff5f5);border-radius:var(--radius-xl)}.seo-cta-section h2{margin-bottom:var(--space-sm)}.seo-cta-section p{margin-bottom:var(--space-lg)}@media (width<=640px){.template-compare-grid,.mistakes-grid,.calc-grid{grid-template-columns:1fr}.calc-grid .form-group:first-child{grid-column:span 1}}.admin-page{min-height:calc(100vh - 160px);padding:2.5rem 0 5rem}.admin-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.admin-title-area h1{font-size:var(--text-2xl);align-items:center;gap:.5rem;margin:0 0 .25rem;font-weight:800;display:flex}.admin-badge{font-size:var(--text-xs);color:var(--color-safe);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#0d948826;border:1px solid #0d94884d;padding:.2rem .6rem;font-weight:600}.admin-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.admin-actions{align-items:center;gap:.75rem;display:flex}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.admin-kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;padding:1.25rem 1.5rem;display:flex}.admin-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-kpi-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.admin-kpi-value{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:.25rem;font-weight:800;line-height:1.1}.admin-kpi-subtext{font-size:var(--text-xs);color:var(--color-safe);font-weight:500}.admin-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.admin-tab-btn{color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;display:flex}.admin-tab-btn:hover{color:var(--color-text)}.admin-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-analytics-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=900px){.admin-analytics-grid{grid-template-columns:1fr}}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.admin-card-title{font-size:var(--text-base);justify-content:space-between;align-items:center;margin:0 0 1.25rem;font-weight:700;display:flex}.funnel-step{margin-bottom:1rem}.funnel-step-header{font-size:var(--text-xs);justify-content:space-between;margin-bottom:.35rem;font-weight:600;display:flex}.funnel-bar-bg{background:var(--color-surface-hover);border-radius:var(--radius-full);height:10px;overflow:hidden}.funnel-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-safe));border-radius:var(--radius-full);height:100%;transition:width .6s}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-xs);text-align:left}.admin-table th{background:var(--color-surface-hover);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.85rem 1rem}.admin-table tr:hover td{background:#00000005}.badge-status{border-radius:var(--radius-full);text-transform:uppercase;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.badge-status.completed{color:#059669;background:#10b98126}.badge-status.pending{color:#d97706;background:#f59e0b26}.admin-auth-gate{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:480px;box-shadow:var(--shadow-lg);margin:4rem auto;padding:3rem 2rem}.admin-lock-icon{margin-bottom:1rem;font-size:3rem;display:block}.admin-auth-gate h2{font-size:var(--text-xl);margin-bottom:.5rem;font-weight:800}.admin-auth-gate p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:1.5rem}.admin-denied-box{border-radius:var(--radius-md);color:#b91c1c;font-size:var(--text-xs);background:#ef444414;border:1px solid #ef444433;margin-bottom:1.5rem;padding:1rem}:root{--color-primary:#ff6b6b;--color-primary-light:#ff8e8e;--color-primary-dark:#e85555;--color-primary-50:#fff5f5;--color-primary-100:#ffe3e3;--color-primary-200:#ffc9c9;--color-secondary:#4ecdc4;--color-secondary-light:#7eddd6;--color-secondary-dark:#3dbdb5;--color-accent:#ffd93d;--color-accent-light:#ffe066;--color-accent-dark:#f0c929;--color-hard-costs:#e74c3c;--color-buffer:#3498db;--color-goal:#2ecc71;--color-joy:#f39c12;--color-deficit:#95a5a6;--color-bg:#fafaf8;--color-bg-warm:#fff8f0;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-surface:#f7f5f2;--color-border:#e8e4df;--color-border-light:#f0ede8;--color-text:#2d2b29;--color-text-secondary:#6b6966;--color-text-muted:#9c9893;--color-text-inverse:#fff;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif:"DM Serif Display", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--shadow-xl:0 20px 60px #0000001f, 0 8px 20px #0000000f;--shadow-glow:0 0 30px #ff6b6b26;--shadow-card:0 2px 8px #0000000a, 0 0 1px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:1200px;--max-width-content:720px;--max-width-narrow:520px;--header-height:64px;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-family:var(--font-serif);font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;padding:14px 28px;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-text-inverse);box-shadow:0 4px 16px #ff6b6b4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));transform:translateY(-1px);box-shadow:0 6px 24px #ff6b6b66}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary-200);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-lg{font-size:var(--text-lg);border-radius:var(--radius-lg);padding:18px 36px}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:8px 16px}.btn-icon{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-100), var(--shadow-md)}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-input,.form-select{width:100%;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-appearance:none;outline:none;padding:12px 16px}.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:invalid:not(:placeholder-shown),.form-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #e74c3c1a}.form-error{font-size:var(--text-xs);color:var(--color-error);font-weight:var(--font-medium)}.input-with-prefix{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;display:flex;overflow:hidden}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.input-prefix{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-muted);background:var(--color-surface);border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none;padding:12px 12px 12px 16px}.input-with-prefix .form-input{box-shadow:none;border:none}.input-with-prefix .form-input:focus{box-shadow:none}.badge{font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:4px 10px;display:inline-flex}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-dark)}.badge-success{color:#1a9b52;background:#2ecc711f}.badge-warning{color:#c17d0a;background:#f39c121f}.badge-error{color:#c0392b;background:#e74c3c1f}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow)}.container-content{max-width:var(--max-width-content)}.section{padding:var(--space-4xl) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.progress-bar{background:var(--color-surface);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);background:linear-gradient(90deg, var(--color-primary), var(--color-secondary))}.steps{padding:0 var(--space-md);align-items:center;gap:0;display:flex}.step{align-items:center;gap:var(--space-sm);display:flex;position:relative}.step-dot{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--font-bold);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-dot.active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 0 4px var(--color-primary-100)}.step-dot.completed{background:var(--color-success);color:var(--color-text-inverse)}.step-dot.upcoming{background:var(--color-surface);color:var(--color-text-muted);border:2px solid var(--color-border)}.step-connector{background:var(--color-border);flex:1;min-width:24px;height:2px}.step-connector.completed{background:var(--color-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease both}.animate-fade-in-up{animation:.5s both fadeInUp}.animate-fade-in-scale{animation:.4s both fadeInScale}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.16s}.stagger>:nth-child(4){animation-delay:.24s}.stagger>:nth-child(5){animation-delay:.32s}.stagger>:nth-child(6){animation-delay:.4s}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, #e8e4df 50%, var(--color-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.toast{bottom:var(--space-xl);background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:var(--z-toast);padding:12px 24px;animation:.3s fadeInUp;position:fixed;left:50%;transform:translate(-50%)}@media (width<=768px){:root{--text-4xl:2rem;--text-5xl:2.5rem;--space-4xl:3rem}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.container{padding:0 var(--space-md)}.btn-lg{font-size:var(--text-base);width:100%;padding:16px 28px}.section{padding:var(--space-2xl) 0}}@media (width<=480px){:root{--text-3xl:1.75rem;--text-4xl:2rem}.card{padding:var(--space-lg)}}@media print{.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}