:root{--tool-primary: #f97316;--tool-primary-dark: #ea580c;--tool-primary-light: #fdba74;--tool-secondary: #f59e0b;--tool-accent: #8b5cf6;--tool-background: #fef7f0;--tool-card-bg: #ffffff;--tool-text-primary: #1e293b;--tool-text-secondary: #64748b;--tool-border: #e5e7eb;--tool-success: #10b981;--tool-warning: #f59e0b;--tool-error: #ef4444;--tool-gradient-primary: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);--tool-gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--tool-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--tool-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--tool-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--tool-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--tool-radius-sm: .25rem;--tool-radius-md: .5rem;--tool-radius-lg: .75rem;--tool-radius-xl: 1rem;--tool-radius-2xl: 1.5rem;--tool-radius-3xl: 2rem}.tool-hero{background:var(--tool-gradient-primary);color:#fff;padding:4rem 0}.tool-hero-no-bg{color:var(--tool-text-primary);padding:4rem 0}.tool-card{background:var(--tool-card-bg);border-radius:var(--tool-radius-2xl);box-shadow:var(--tool-shadow-md);border:1px solid var(--tool-border);transition:all .3s ease}.tool-card:hover{box-shadow:var(--tool-shadow-lg);transform:translateY(-4px)}.btn-tool{background:var(--tool-gradient-primary);color:#fff;border:none;font-weight:600;transition:all .3s ease;border-radius:var(--tool-radius-lg);padding:.75rem 1.5rem}.btn-tool:hover{transform:translateY(-2px);box-shadow:var(--tool-shadow-lg)}.btn-tool-secondary{background:#fff;color:var(--tool-primary);border:1px solid var(--tool-border);font-weight:600;transition:all .3s ease;border-radius:var(--tool-radius-lg);padding:.75rem 1.5rem}.btn-tool-secondary:hover{background:var(--tool-background);transform:translateY(-2px);box-shadow:var(--tool-shadow-md)}.tool-input-area{background:var(--tool-background);border-radius:var(--tool-radius-2xl);padding:1.5rem}.tool-result-area{background:linear-gradient(135deg,#fff7ed,#f0fdf4);border-radius:var(--tool-radius-2xl);padding:1.5rem}.stat-number{font-size:2rem;font-weight:700}.feature-tag{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9999px;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem}.feature-tag-no-bg{background:var(--tool-background);border-radius:9999px;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem}.faq-item{background:var(--tool-card-bg);border-radius:var(--tool-radius-lg);padding:1.25rem;box-shadow:var(--tool-shadow-sm);margin-bottom:1rem}.related-tool-card{background:var(--tool-card-bg);border:1px solid var(--tool-border);border-radius:var(--tool-radius-lg);padding:1.5rem;transition:all .3s ease}.related-tool-card:hover{box-shadow:var(--tool-shadow-md)}.step-card{text-align:center;padding:1.5rem}.step-number{width:3rem;height:3rem;background:var(--tool-primary-light);color:var(--tool-primary-dark);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin:0 auto 1rem}.professional-content{background:var(--tool-background);border-radius:var(--tool-radius-xl);padding:1.5rem}.feature-icon{width:3rem;height:3rem;background:var(--tool-primary-light);color:var(--tool-primary-dark);border-radius:var(--tool-radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}@media (max-width: 768px){.tool-hero,.tool-hero-no-bg{padding:2rem 0}.stat-number{font-size:1.5rem}}