.calculator-page[data-v-8e9a9627]{min-height:100vh}.hero-section[data-v-8e9a9627]{background:var(--primary-gradient);color:#fff;padding:3rem 0;text-align:center}.hero-content[data-v-8e9a9627]{max-width:800px;margin:0 auto;padding:0 1rem}.hero-title[data-v-8e9a9627]{font-size:2.5rem;font-weight:700;margin:0 0 1rem;line-height:1.2}.hero-description[data-v-8e9a9627]{font-size:1.125rem;margin:0 0 2rem;opacity:.9;line-height:1.6}.hero-features[data-v-8e9a9627]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature-item[data-v-8e9a9627]{display:flex;align-items:center;gap:.5rem;font-weight:500}.feature-icon[data-v-8e9a9627]{font-size:1.25rem}.quick-description[data-v-8e9a9627]{background:var(--bg-secondary);padding:2rem 0;border-bottom:1px solid var(--border-color)}.container[data-v-8e9a9627]{max-width:1200px;margin:0 auto;padding:0 1rem}.quick-desc-title[data-v-8e9a9627]{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;text-align:center}.quick-desc-text[data-v-8e9a9627]{color:var(--text-secondary);text-align:center;line-height:1.6;max-width:600px;margin:0 auto}.calculator-section[data-v-8e9a9627]{padding:3rem 0;background:var(--bg-primary)}.calculator-title[data-v-8e9a9627]{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 3rem}.percentage-calculator[data-v-8e9a9627]{max-width:800px;margin:0 auto}.calculator-options[data-v-8e9a9627]{display:flex;flex-direction:column;gap:1rem}.calculator-option[data-v-8e9a9627]{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:all .3s ease}.calculator-option[data-v-8e9a9627]:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.calculator-option.active[data-v-8e9a9627]{border-color:var(--primary-color);background:var(--bg-secondary)}.option-header[data-v-8e9a9627]{padding:1.5rem;cursor:pointer;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.option-header h3[data-v-8e9a9627]{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.option-content[data-v-8e9a9627]{padding:1.5rem}.input-group[data-v-8e9a9627]{margin-bottom:1rem}.input-group label[data-v-8e9a9627]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.input-group input[data-v-8e9a9627]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:.5rem;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease}.input-group input[data-v-8e9a9627]:focus{outline:none;border-color:var(--primary-color)}.calculate-btn[data-v-8e9a9627]{width:100%;padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.calculate-btn[data-v-8e9a9627]:hover{background:var(--primary-dark);transform:translateY(-1px)}.result-content[data-v-8e9a9627]{text-align:center}.result-cards[data-v-8e9a9627]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card[data-v-8e9a9627]{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-8e9a9627]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.result-card.primary[data-v-8e9a9627]{border-color:var(--primary-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.result-card.secondary[data-v-8e9a9627]{border-color:var(--secondary-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.result-card.tertiary[data-v-8e9a9627]{border-color:var(--accent-color);background:var(--bg-secondary);color:var(--text-primary);border-width:2px}.card-icon[data-v-8e9a9627]{font-size:2rem;margin-bottom:1rem}.card-title[data-v-8e9a9627]{font-size:1rem;font-weight:600;margin:0 0 .5rem}.card-value[data-v-8e9a9627]{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.card-description[data-v-8e9a9627]{font-size:.875rem;opacity:.8;margin:0}.result-details[data-v-8e9a9627]{background:var(--bg-secondary);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.details-title[data-v-8e9a9627]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.details-grid[data-v-8e9a9627]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item[data-v-8e9a9627]{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-8e9a9627]{font-weight:600;color:var(--text-primary)}.detail-value[data-v-8e9a9627]{font-weight:700;color:var(--text-primary)}@media (max-width: 768px){.hero-title[data-v-8e9a9627]{font-size:2rem}.hero-description[data-v-8e9a9627]{font-size:1rem}.hero-features[data-v-8e9a9627]{flex-direction:column;gap:1rem}.calculator-title[data-v-8e9a9627]{font-size:1.5rem}.result-cards[data-v-8e9a9627]{grid-template-columns:1fr;gap:1rem}.details-grid[data-v-8e9a9627]{grid-template-columns:1fr}.option-header h3[data-v-8e9a9627]{font-size:1rem}}.additional-seo-content[data-v-8e9a9627]{background:var(--bg-secondary);padding:3rem 0;border-top:1px solid var(--border-color)}.seo-article[data-v-8e9a9627]{max-width:800px;margin:0 auto;line-height:1.8;color:var(--text-primary)}.seo-article h2[data-v-8e9a9627]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.seo-article h3[data-v-8e9a9627]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.seo-article p[data-v-8e9a9627]{margin:1rem 0;color:var(--text-secondary);line-height:1.7}.seo-article ul[data-v-8e9a9627]{margin:1rem 0;padding-left:2rem}.seo-article li[data-v-8e9a9627]{margin:.5rem 0;color:var(--text-secondary)}.seo-article strong[data-v-8e9a9627]{color:var(--text-primary);font-weight:600}.formula[data-v-8e9a9627]{background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:.5rem;padding:1rem;margin:1rem 0;text-align:center;font-size:1.1rem;color:var(--primary-color)}.formula strong[data-v-8e9a9627]{font-size:1.2rem;color:var(--primary-color)}@media (max-width: 768px){.seo-article h2[data-v-8e9a9627]{font-size:1.5rem}.seo-article h3[data-v-8e9a9627]{font-size:1.125rem}.formula[data-v-8e9a9627]{font-size:1rem}.formula strong[data-v-8e9a9627]{font-size:1.1rem}}