.calculator-page[data-v-f3b00e1e]{min-height:100vh}.hero-section[data-v-f3b00e1e]{background:var(--primary-gradient);color:#fff;padding:3rem 0;text-align:center}.hero-content[data-v-f3b00e1e]{max-width:800px;margin:0 auto;padding:0 1rem}.hero-title[data-v-f3b00e1e]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.hero-description[data-v-f3b00e1e]{font-size:1.125rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.hero-features[data-v-f3b00e1e]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature-item[data-v-f3b00e1e]{display:flex;align-items:center;gap:.5rem;font-weight:500}.feature-icon[data-v-f3b00e1e]{font-size:1.25rem}.quick-description[data-v-f3b00e1e]{background:var(--bg-secondary);padding:2rem 0;border-bottom:1px solid var(--border-color)}.container[data-v-f3b00e1e]{max-width:1200px;margin:0 auto;padding:0 1rem}.quick-desc-title[data-v-f3b00e1e]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:center}.quick-desc-text[data-v-f3b00e1e]{color:var(--text-secondary);text-align:center;line-height:1.6;max-width:600px;margin:0 auto}.calculator-section[data-v-f3b00e1e]{padding:3rem 0;background:var(--bg-primary)}.calculator-title[data-v-f3b00e1e]{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 3rem}.calculator-form[data-v-f3b00e1e]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;box-shadow:0 4px 15px #0000001a}.form-header[data-v-f3b00e1e]{text-align:center;margin-bottom:2rem}.form-title[data-v-f3b00e1e]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-subtitle[data-v-f3b00e1e]{font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem}.form-content[data-v-f3b00e1e]{display:flex;flex-direction:column;gap:1.5rem}.form-field[data-v-f3b00e1e]{position:relative}.field-label[data-v-f3b00e1e]{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.form-input[data-v-f3b00e1e]{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;color:var(--text-primary);background-color:var(--bg-input);transition:border-color .3s ease}.form-input[data-v-f3b00e1e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb33}.form-input.has-error[data-v-f3b00e1e]{border-color:var(--error-color)}.field-error[data-v-f3b00e1e]{position:absolute;bottom:-1.25rem;left:0;font-size:.75rem;color:var(--error-color);display:none}.form-input.has-error+.field-error[data-v-f3b00e1e]{display:block}.field-help[data-v-f3b00e1e]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;text-align:left}.form-actions[data-v-f3b00e1e]{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.btn[data-v-f3b00e1e]{flex:1;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-f3b00e1e]{background:var(--primary-color);color:#fff}.btn-primary[data-v-f3b00e1e]:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary[data-v-f3b00e1e]{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-f3b00e1e]:hover{background:var(--bg-hover);transform:translateY(-2px)}.btn-icon[data-v-f3b00e1e]{font-size:1.1rem}@media (max-width: 768px){.hero-title[data-v-f3b00e1e]{font-size:2rem}.hero-description[data-v-f3b00e1e]{font-size:1rem}.hero-features[data-v-f3b00e1e]{flex-direction:column;gap:1rem}.calculator-title[data-v-f3b00e1e]{font-size:1.5rem}.form-actions[data-v-f3b00e1e]{flex-direction:column}}@media (max-width: 480px){.hero-section[data-v-f3b00e1e]{padding:2rem 0}.hero-title[data-v-f3b00e1e]{font-size:1.75rem}.quick-description[data-v-f3b00e1e],.calculator-section[data-v-f3b00e1e],.how-it-works[data-v-f3b00e1e]{padding:1.5rem 0}.calculator-title[data-v-f3b00e1e]{font-size:1.25rem;margin-bottom:2rem}}.result-content[data-v-f3b00e1e]{text-align:center}.result-cards[data-v-f3b00e1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card[data-v-f3b00e1e]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease}.result-card[data-v-f3b00e1e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.result-card.primary[data-v-f3b00e1e]{border-color:var(--primary-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.result-card.secondary[data-v-f3b00e1e]{border-color:var(--secondary-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.result-card.tertiary[data-v-f3b00e1e]{border-color:var(--accent-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.card-icon[data-v-f3b00e1e]{font-size:2rem;margin-bottom:1rem}.card-title[data-v-f3b00e1e]{font-size:1rem;font-weight:600;margin:0 0 .5rem}.card-value[data-v-f3b00e1e]{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.card-description[data-v-f3b00e1e]{font-size:.875rem;opacity:.8;margin:0}.result-details[data-v-f3b00e1e]{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.details-title[data-v-f3b00e1e]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.details-grid[data-v-f3b00e1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item[data-v-f3b00e1e]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-primary);border-radius:.5rem;border:1px solid var(--border-color)}.detail-label[data-v-f3b00e1e]{font-weight:600;color:var(--text-primary)}.detail-value[data-v-f3b00e1e]{font-weight:700;color:var(--text-primary)}.result-chart[data-v-f3b00e1e]{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.chart-title[data-v-f3b00e1e]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:center}.chart-container[data-v-f3b00e1e]{max-width:600px;margin:0 auto}.chart-bar[data-v-f3b00e1e]{display:flex;height:3rem;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 10px #0000001a}.chart-fill[data-v-f3b00e1e]{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;transition:all .3s ease}.chart-fill.distance[data-v-f3b00e1e]{background:var(--primary-color)}.chart-fill.time[data-v-f3b00e1e]{background:var(--secondary-color)}.chart-label[data-v-f3b00e1e]{text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.result-cards[data-v-f3b00e1e]{grid-template-columns:1fr;gap:1rem}.details-grid[data-v-f3b00e1e]{grid-template-columns:1fr}}