:root{--primary:#6a11cb;--primary-dark:#5a0cb5;--primary-light:rgba(106, 17, 203, 0.1);--secondary:#2575fc;--secondary-light:rgba(37, 117, 252, 0.1);--accent:#ff6b6b;--success:#06d6a0;--success-dark:#05b988;--success-light:rgba(6, 214, 160, 0.1);--warning:#ffd166;--warning-light:rgba(255, 209, 102, 0.1);--danger:#ef476f;--dark:#2d3436;--dark-light:#34495e;--light:#f8f9fa;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500: #7a8289;--gray-600: #54595e;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--gradient-primary:linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);--gradient-secondary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success:linear-gradient(90deg, #06d6a0 0%, #118ab2 100%);--gradient-warning:linear-gradient(90deg, #ffd166 0%, #ff9e66 100%);--gradient-dark:linear-gradient(90deg, #2d3436 0%, #34495e 100%);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.15);--shadow-custom:0 15px 40px rgba(0, 0, 0, 0.1);--shadow-card:0 5px 20px rgba(0, 0, 0, 0.08);--shadow-hover:0 20px 40px rgba(0, 0, 0, 0.15);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--font-poppins:'Poppins', sans-serif;--font-roboto:'Roboto', sans-serif;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-roboto);font-size:16px;line-height:1.6;color:var(--gray-800);background:linear-gradient(135deg, var(--gray-100) 0%, var(--gray-300) 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button, input, select, textarea{font-family:inherit;font-size:inherit}h1, h2, h3, h4, h5, h6{font-family:var(--font-poppins);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-dark{color:var(--dark)}.text-light{color:var(--light)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.navbar{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700}.nav-menu-desktop, .desktop-menu{display:none}@media (min-width:768px){.nav-menu-desktop, .desktop-menu{display:flex;align-items:center;gap:var(--space-md)}}.nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:var(--radius-md);transition: transform var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2), opacity var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2), background-color var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2), color var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2), box-shadow var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2), border-color var(--transition-base)}.nav-link:hover{background:rgba(255, 255, 255, 0.2)}.nav-link.active{background:rgba(255, 255, 255, 0.2);font-weight:600}.nav-btn{display:flex;align-items:center;gap:0.5rem;background:white;color:var(--primary);padding:0.5rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition: transform var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover), opacity var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover), background-color var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover), color var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover), box-shadow var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover), border-color var(--transition-base)}.nav-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px) translateZ(0)}.nav-btn:focus, .calculate-btn:focus, .reset-btn:focus{outline:2px solid #2563eb;outline-offset:2px}.dropdown{position:relative}.dropdown-menu{position:absolute;left:0;top:100%;width:200px;background:white;color:var(--gray-800);border-radius:var(--radius-md);box-shadow:var(--shadow-custom);padding:var(--space-sm) 0;display:none;z-index:1001}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu.show{display:block;animation:fadeIn 0.2s ease}.dropdown-item{display:block;padding:0.5rem var(--space-md);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--gray-100)}.mobile-menu-btn{display:block;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu{display:none;background:var(--gradient-primary);border-top:1px solid rgba(255, 255, 255, 0.2);padding:var(--space-md)}.mobile-menu.show{display:block}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:0.75rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-nav-link:hover{background:rgba(255, 255, 255, 0.2)}.mobile-nav-link.active{background:rgba(255, 255, 255, 0.2);font-weight:600}.hero, .hero-section{background:var(--gradient-secondary);color:white;padding:var(--space-2xl) 0;position:relative;overflow:hidden}@media (min-width:768px){.hero{padding:80px 0}}.hero-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.1)}.hero-grid{display:grid;gap:var(--space-xl);align-items:center}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content{position:relative;z-index:1}.hero h1, .hero-title{font-size:2.5rem;margin-bottom:var(--space-sm);font-weight:700}@media (min-width:768px){.hero h1, .hero-title{font-size:3rem}}.hero-subtitle{font-size:1.25rem;opacity:0.9;margin-bottom:var(--space-md)}.hero-description{font-size:1.125rem;margin-bottom:var(--space-lg);opacity:0.9}.stats-grid, .hero-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-item, .stat-box{text-align:center}.stat-number{font-size:2rem;font-weight:bold;margin-bottom:0.25rem}.stat-label{font-size:0.875rem;opacity:0.8}.cta-button, .hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);background:white;color:var(--primary);padding:1rem 2rem;border-radius:var(--radius-full);font-weight:700;font-size:1.125rem;box-shadow:var(--shadow-lg);transition: transform var(--transition-base), opacity var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);animation:pulse-slow 3s infinite}.cta-button:hover, .hero-cta:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px) translateZ(0)}.cta-button:focus, .hero-cta:focus{outline:2px solid #2563eb;outline-offset:2px}.hero-image-container{position:relative;z-index:1}.hero-image{aspect-ratio:16/9;position:relative;z-index:1}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-custom);transform:rotate(-2deg) translateZ(0);transition:transform var(--transition-slow);will-change:transform}.hero-image img:hover{transform:rotate(0deg) translateZ(0)}.stats-container, .quick-stats{padding:var(--space-xl) 0}.stats-grid-cards, .stats-cards{display:grid;gap:var(--space-lg)}@media (min-width:768px){.stats-grid-cards, .stats-cards{grid-template-columns:repeat(4, 1fr)}}.stat-card{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:transform var(--transition-base), opacity var(--transition-base);display:flex;align-items:center;gap:var(--space-md);will-change:transform;transform:translateZ(0)}.stat-card:hover{transform:translateY(-5px) translateZ(0)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary);font-size:1.25rem}.stat-icon.success{background:var(--success-light);color:var(--success)}.stat-icon.secondary{background:var(--secondary-light);color:var(--secondary)}.stat-icon.warning{background:var(--warning-light);color:var(--warning)}.stat-card-title, .stat-info h3{font-size:1rem;margin-bottom:0.25rem;font-weight:600}.stat-card-text, .stat-info p{font-size:0.875rem;color:var(--gray-600);margin-bottom:0}.calculator-container, .calculator-section{padding:var(--space-xl) 0}.calculator-grid{display:grid;gap:var(--space-xl)}@media (min-width:992px){.calculator-grid{grid-template-columns:1fr 1fr}}.calculator-input-section, .calculator-result-section, .calculator-input, .calculator-results{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-custom);padding:var(--space-xl)}.section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.section-icon, .icon-wrapper{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary)}.section-icon.success, .icon-wrapper.success{background:var(--success-light);color:var(--success)}.section-title, .calculator-input h2, .calculator-results h2{font-size:1.75rem;margin-bottom:0;color:var(--gray-800)}.input-group{margin-bottom:var(--space-lg)}.input-label{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--gray-700);margin-bottom:0.5rem}.input-select, .form-select, .form-input{width:100%;padding:0.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition: transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);outline:none}.input-select:focus, .form-select:focus, .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(106, 17, 203, 0.1);outline:2px solid #2563eb;outline-offset:2px}.input-help, .helper-text{font-size:0.875rem;color:#4b5563;margin-top:0.25rem}.custom-range-slider, .range-slider{width:100%;height:10px;background:linear-gradient(to right, var(--primary), var(--secondary));border-radius:5px;outline:none;-webkit-appearance:none;appearance:none;margin-bottom:var(--space-md)}.custom-range-slider::-webkit-slider-thumb, .range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:white;border:3px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md)}.custom-range-slider::-moz-range-thumb, .range-slider::-moz-range-thumb{width:24px;height:24px;background:white;border:3px solid var(--primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md)}.range-input-container, .range-input{display:flex;align-items:center;gap:var(--space-md);margin-bottom:0.5rem}.range-input input, .form-input{flex:1;padding:0.5rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem}.range-label, .input-suffix{font-weight:500;color:var(--gray-600)}.range-labels{display:flex;justify-content:space-between;font-size:0.875rem;color:var(--gray-500);margin-top:0.25rem}.engagement-display, .engagement-indicator{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm)}.engagement-badge{padding:0.25rem 0.75rem;border-radius:var(--radius-full);color:white;font-weight:600;font-size:0.875rem;transition: transform var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning), opacity var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning), background-color var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning), color var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning), box-shadow var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning), border-color var(--transition-base)}.engagement-badge.low{background:var(--danger)}.engagement-badge.average{background:var(--warning);color:var(--dark)}.engagement-badge.good{background:var(--success)}.engagement-badge.excellent{background:var(--secondary)}.engagement-average, .industry-average{font-size:0.875rem;color:#4b5563}.checkbox-grid, .content-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}.checkbox-item, .content-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem;border:1px solid var(--gray-200);border-radius:var(--radius-md);transition: transform var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex, opacity var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex, background-color var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex, color var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex, box-shadow var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex, border-color var(--transition-fast)}.checkbox-item:hover, .content-item:hover{border-color:var(--primary)}.checkbox-wrapper, .content-checkbox{display:flex;align-items:center;gap:0.75rem}.custom-checkbox, .checkbox-custom{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.checkbox-label, .content-checkbox label{font-size:0.9375rem;color:var(--gray-700);cursor:pointer}.checkbox-price, .content-price{background:var(--primary);color:white;font-size:0.75rem;padding:0.25rem 0.5rem;border-radius:var(--radius-sm)}.calculate-btn{width:100%;background:var(--gradient-primary);color:white;padding:1rem;border:none;border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;transition: transform var(--transition-base), opacity var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);margin-bottom:var(--space-sm)}.calculate-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px) translateZ(0)}.reset-btn{width:100%;background:var(--gray-200);color:var(--gray-800);padding:1rem;border:none;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;transition: transform var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%), opacity var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%), background-color var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%), color var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%), box-shadow var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%), border-color var(--transition-base)}.reset-btn:hover{background:var(--gray-300)}.rate-display{background:linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;margin-bottom:var(--space-lg)}.rate-value, .rate-amount{font-size:4.5rem;font-weight:700;color:var(--gray-800);display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem}.currency, .dollar-sign{font-size:3rem;color:var(--primary);margin-right:0.25rem}.rate-label{font-size:1.125rem;color:var(--gray-600);margin-bottom:0.25rem}.rate-subtext{font-size:0.875rem;color:#4b5563;margin-bottom:var(--space-xl)}.rate-breakdown{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-md);margin-bottom:var(--space-xl)}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid var(--gray-100)}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:var(--gray-700)}.breakdown-value{font-weight:600;color:var(--gray-800)}#engagement-bonus{color:var(--success)}#content-addons{color:var(--secondary)}#industry-factor{color:var(--primary)}.breakdown-item.total{font-size:1.125rem;font-weight:700;padding-top:1rem;margin-top:0.5rem;border-top:2px solid var(--gray-200)}.total-rate{color:var(--primary);font-size:1.25rem}.additional-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md);margin-top:24px}.stat-mini, .stat-box{background:white;padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-mini-header, .stat-icon-small{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.875rem;color:var(--gray-600)}.stat-mini-value, .stat-value{font-size:1.25rem;font-weight:700;color:var(--gray-800)}.comparison-section{margin-bottom:var(--space-xl)}.subsection-title, .comparison-section h3{display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;margin-bottom:var(--space-md);color:var(--gray-800)}.comparison-bars{display:flex;flex-direction:column;gap:var(--space-md)}.comparison-item{margin-bottom:var(--space-sm)}.comparison-header, .comparison-label{display:flex;justify-content:space-between;margin-bottom:0.5rem}.comparison-value{font-weight:600;color:var(--gray-800)}.comparison-bar, .progress-bar{height:16px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.comparison-bar-fill, .progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 1s ease}.comparison-bar-fill.warning, .progress-fill.warning{background:var(--gradient-warning)}.comparison-bar-fill.success, .progress-fill.success{background:var(--gradient-success)}.platform-section, .platform-comparison{margin-bottom:var(--space-xl)}.platform-section h3, .platform-comparison h3{display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;margin-bottom:var(--space-md);color:var(--gray-800)}.platform-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}@media (min-width:768px){.platform-grid{grid-template-columns:repeat(4, 1fr)}}.platform-card{background:var(--gray-50);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--gray-200);text-align:center}.platform-icon, .platform-card i{font-size:2rem;margin-bottom:0.5rem}.platform-icon.instagram, .platform-card .fa-instagram{color:#e4405f}.platform-icon.tiktok, .platform-card .fa-tiktok{color:#000000}.platform-icon.youtube, .platform-card .fa-youtube{color:#ff0000}.platform-icon.twitter, .platform-card .fa-twitter{color:#1da1f2}.platform-name, .platform-card h4{font-size:1rem;font-weight:600;margin-bottom:0.25rem;color:var(--gray-800)}.platform-cpm, .platform-card p{font-size:0.875rem;color:var(--primary);font-weight:700}.tips-section{background:#fef9e7;border-left:4px solid var(--warning);padding:var(--space-md);margin-bottom:var(--space-xl);border-radius:0 var(--radius-md) var(--radius-md) 0}.tips-section h3{display:flex;align-items:center;gap:8px;font-size:1.125rem;margin-bottom:12px;color:var(--gray-800)}.tips-section h3 i{color:var(--warning)}.tips-list{list-style:none;padding:0;margin:0}.tip-item{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem}.tip-item:last-child{margin-bottom:0}.tip-item i{margin-top:0.25rem;flex-shrink:0;color:var(--success)}.export-section{margin-bottom:var(--space-md)}.export-section h3{display:flex;align-items:center;gap:8px;font-size:1.125rem;margin-bottom:16px;color:var(--gray-800)}.export-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:0.75rem}@media (min-width:768px){.export-buttons{grid-template-columns:repeat(3, 1fr)}}.export-btn{background:var(--gray-100);color:var(--gray-800);padding:0.75rem;border:none;border-radius:var(--radius-md);font-weight:500;display:flex;align-items:center;justify-content:center;gap:0.5rem;cursor:pointer;transition:transform var(--transition-base), opacity var(--transition-base);will-change:transform;transform:translateZ(0)}.export-btn:hover{transform:scale(1.02) translateZ(0)}.export-btn:focus{outline:2px solid #2563eb;outline-offset:2px}.export-btn.success{background:var(--success);color:white}.faq-container, .faq-section{padding:var(--space-2xl) 0}.section-title-large, .faq-section h2{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:2rem;text-align:center;margin-bottom:var(--space-2xl);color:var(--gray-800)}.section-icon-large, .section-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-light);color:var(--primary);font-size:1.5rem}.faq-grid{display:grid;gap:var(--space-lg);max-width:900px;margin:0 auto}@media (min-width:768px){.faq-grid{grid-template-columns:repeat(2, 1fr)}}.faq-card{background:white;padding:var(--space-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition: transform var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover), opacity var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover), background-color var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover), color var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover), box-shadow var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover), border-color var(--transition-base)}.faq-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px) translateZ(0)}.faq-question, .faq-card h3{font-size:1.25rem;color:var(--gray-800);margin-bottom:var(--space-sm)}.faq-answer, .faq-card p{color:var(--gray-600);line-height:1.7}.blog-preview-section, .blog-section{background:white;padding:var(--space-2xl) 0}.blog-preview-section h2, .blog-section h2{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:2rem;text-align:center;margin-bottom:var(--space-2xl);color:var(--gray-800)}.blog-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(3, 1fr)}}.blog-card{background:var(--gray-50);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition: transform var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover), opacity var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover), background-color var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover), color var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover), box-shadow var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover), border-color var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px) translateZ(0)}.blog-image, .blog-card img{width:100%;height:200px;object-fit:cover}.blog-content{padding:var(--space-lg)}.blog-category, .blog-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;color:white;margin-bottom:var(--space-sm)}.blog-category.guide, .blog-badge{background:var(--primary)}.blog-category.tips, .blog-badge.green{background:var(--success)}.blog-category.growth, .blog-badge.blue{background:var(--secondary)}.blog-title, .blog-card h3{font-size:1.25rem;margin-bottom:var(--space-sm)}.blog-title a, .blog-card h3 a{text-decoration:none;color:inherit;transition:color 0.3s ease}.blog-title a:hover, .blog-card h3 a:hover{color:var(--primary)}.blog-excerpt, .blog-card p{color:var(--gray-600);margin-bottom:var(--space-md);line-height:1.6}.blog-footer{display:flex;justify-content:space-between;align-items:center;font-size:0.875rem;color:#4b5563}.blog-link{color:var(--primary);font-weight:600;text-decoration:none}.blog-link:hover{text-decoration:underline}.view-all-btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gradient-primary);color:white;padding:0.75rem 1.5rem;border-radius:var(--radius-full);font-weight:700;transition: transform var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover), opacity var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover), background-color var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover), color var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover), box-shadow var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover), border-color var(--transition-base)}.view-all-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cta-section{background:var(--gradient-primary);color:white;padding:var(--space-2xl) 0;text-align:center}.cta-title, .cta-section h2{font-size:2.5rem;margin-bottom:var(--space-md)}.cta-subtitle, .cta-section p{font-size:1.25rem;opacity:0.9;max-width:600px;margin:0 auto var(--space-xl)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;align-items:center}@media (min-width:640px){.cta-buttons{flex-direction:row}}.cta-btn, .cta-btn-primary, .cta-btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:var(--radius-full);font-weight:700;transition: transform var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white, opacity var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white, background-color var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white, color var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white, box-shadow var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white, border-color var(--transition-base)}.cta-btn.primary, .cta-btn-primary{background:white;color:var(--primary)}.cta-btn.primary:hover, .cta-btn-primary:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cta-btn.secondary, .cta-btn-secondary{background:transparent;border:2px solid white;color:white}.cta-btn.secondary:hover, .cta-btn-secondary:hover{background:rgba(255, 255, 255, 0.1)}.info-container, .info-section{padding:var(--space-2xl) 0}.info-container h2, .info-section h2{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:2rem;text-align:center;margin-bottom:var(--space-2xl);color:var(--gray-800)}.info-grid{display:grid;gap:var(--space-lg)}@media (min-width:768px){.info-grid{grid-template-columns:repeat(4, 1fr)}}.info-card{background:white;padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center;transition: transform var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover), opacity var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover), background-color var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover), color var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover), box-shadow var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover), border-color var(--transition-base)}.info-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px) translateZ(0)}.info-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);background:var(--primary-light);color:var(--primary);font-size:1.5rem}.info-icon.green{background:var(--success-light);color:var(--success)}.info-icon.blue{background:var(--secondary-light);color:var(--secondary)}.info-icon.purple{background:var(--primary-light);color:var(--primary)}.info-card-title, .info-card h3{font-size:1.125rem;margin-bottom:var(--space-sm);color:var(--gray-800)}.info-card-text, .info-card p{color:var(--gray-600);line-height:1.7}.ad-container{padding:var(--space-md) 0}.ad-wrapper{background:white;padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center}.footer{background:var(--gradient-dark);color:white;padding-top:var(--space-2xl);padding-bottom:var(--space-lg)}.footer-grid{display:grid;gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4, 1fr)}}.footer-column, .footer-col{margin-bottom:var(--space-lg)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-md)}.footer-description, .footer-col p{color:var(--gray-400);margin-bottom:var(--space-lg);line-height:1.6}.footer-title, .footer-col h4{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-md)}.footer-links{list-style:none;padding:0;margin:0}.footer-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;color:var(--gray-400);transition:color var(--transition-fast)}.footer-link:hover{color:white}.footer-link i{font-size:0.75rem}.newsletter-title, .newsletter h4{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.newsletter-form{display:flex}.newsletter-input, .newsletter-form input{flex:1;padding:0.5rem 0.75rem;border:none;border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:0.875rem;color:var(--gray-800);outline:none}.newsletter-btn, .newsletter-form button{background:var(--primary);color:white;border:none;padding:0.5rem 1rem;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;transition:background-color var(--transition-fast)}.newsletter-btn:hover, .newsletter-form button:hover{background:var(--primary-dark)}.social-icons, .social-links{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.social-icon, .social-links a{width:40px;height:40px;background:var(--gray-800);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast);text-decoration:none;color:white}.social-icon.twitter:hover, .social-links .fa-twitter:hover{background:#1da1f2}.social-icon.instagram:hover, .social-links .fa-instagram:hover{background:#e4405f}.social-icon.linkedin:hover, .social-links .fa-linkedin:hover{background:#0a66c2}.social-icon.youtube:hover, .social-links .fa-youtube:hover{background:#ff0000}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-lg);text-align:center}.copyright, .footer-bottom p{color:var(--gray-400);margin-bottom:var(--space-sm)}.copyright strong, .footer-bottom strong{color:white}.footer-note{color:var(--gray-500);font-size:0.875rem;max-width:600px;margin:0 auto var(--space-md);line-height:1.6}.footer-badges, .footer-meta{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.badge, .footer-meta span{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:var(--gray-500)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--primary);color:white;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition: transform var(--transition-base), opacity var(--transition-base), background-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);opacity:0;visibility:hidden;z-index:999}.back-to-top.show, .back-to-top:not([style*="display:none"]){opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark);box-shadow:var(--shadow-hover);transform:translateY(-3px) translateZ(0)}.notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:var(--radius-md);color:white;font-weight:600;box-shadow:var(--shadow-lg);z-index:10000;animation:slideIn 0.3s ease}.notification.success{background:var(--success)}.notification.error{background:var(--danger)}.notification.info{background:var(--secondary)}.nav-link.active, .mobile-nav-link.active{background:rgba(255, 255, 255, 0.2);font-weight:600}.animate-in{animation:fadeInUp 0.6s ease forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item.animate-in .timeline-content{animation:slideInFromRight 0.6s ease forwards}.timeline-item:nth-child(even).animate-in .timeline-content{animation:slideInFromLeft 0.6s ease forwards}@keyframes slideInFromRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.stat-box.animate-in .stat-number{animation:countUp 1.5s ease forwards}@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary);z-index:1001;transition:width 0.1s ease}.share-buttons{display:flex;gap:0.5rem;margin-top:var(--space-md)}.share-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:0.875rem;transition:transform var(--transition-fast)}.share-btn:hover{transform:scale(1.1)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.pinterest{background:#e60023}.share-btn.linkedin{background:#0a66c2}.article-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin:var(--space-sm) 0}.tag{background:var(--gray-100);color:var(--gray-700);padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:0.75rem;transition: transform var(--transition-fast)}.tag:hover{background:var(--primary-light), opacity var(--transition-fast)}.tag:hover{background:var(--primary-light), background-color var(--transition-fast)}.tag:hover{background:var(--primary-light), color var(--transition-fast)}.tag:hover{background:var(--primary-light), box-shadow var(--transition-fast)}.tag:hover{background:var(--primary-light), border-color var(--transition-fast)}.tag:hover{background:var(--primary-light);color:var(--primary)}.author-bio{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-lg);margin:var(--space-lg) 0}.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.author-info h4{margin-bottom:0.25rem;font-size:1.125rem}.author-info p{color:var(--gray-600);font-size:0.875rem;margin-bottom:0}.related-articles{margin:var(--space-2xl) 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.comments-section{margin:var(--space-2xl) 0}.comment-form{background:var(--gray-50);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.comment-form h3{margin-bottom:var(--space-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-group input, .form-group textarea{width:100%;padding:0.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem}.form-group input:focus, .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(106, 17, 203, 0.1)}.comment-list{list-style:none;padding:0}.comment-item{padding:var(--space-md);border-bottom:1px solid var(--gray-200)}.comment-item:last-child{border-bottom:none}.comment-author{font-weight:600;color:var(--dark)}.comment-date{font-size:0.875rem;color:var(--gray-500);margin-left:var(--space-sm)}.comment-content{margin-top:var(--space-sm);color:var(--gray-700);line-height:1.6}.print-btn{position:fixed;bottom:20px;right:20px;background:var(--primary);color:white;border:none;padding:12px 20px;border-radius:50px;cursor:pointer;box-shadow:0 4px 12px rgba(106, 17, 203, 0.3);z-index:999;display:flex;align-items:center;gap:8px;font-weight:600;transition: transform 0.3s ease}.print-btn:hover{transform:translateY(-2px), opacity 0.3s ease}.print-btn:hover{transform:translateY(-2px), background-color 0.3s ease}.print-btn:hover{transform:translateY(-2px), color 0.3s ease}.print-btn:hover{transform:translateY(-2px), box-shadow 0.3s ease}.print-btn:hover{transform:translateY(-2px), border-color 0.3s ease}.print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(106, 17, 203, 0.4)}.table-of-contents{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:20px;width:260px;max-height:80vh;overflow-y:auto;z-index:100}.table-of-contents h4{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:8px}.toc-link{display:block;padding:6px 10px;color:var(--gray-700);text-decoration:none;border-radius:6px;transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;font-size:0.875rem;line-height:1.4}.toc-link:hover{background:var(--gray-100);color:var(--primary)}.toc-link.active{background:var(--primary-light);color:var(--primary);font-weight:600}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -2px 10px rgba(0,0,0,0.1);z-index:1000;padding:20px}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-consent-text h4{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:8px;display:flex;align-items:center;gap:8px}.cookie-consent-text p{color:var(--gray-600);font-size:0.875rem;line-height:1.5;margin-bottom:8px}.cookie-links{display:flex;gap:16px}.cookie-links a{color:var(--primary);text-decoration:none;font-size:0.875rem;transition:color 0.3s ease}.cookie-links a:hover{color:var(--secondary);text-decoration:underline}.cookie-consent-buttons{display:flex;gap:12px}.cookie-btn{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;border:none;font-size:0.875rem}.cookie-btn.accept-essential{background:var(--gray-200);color:var(--gray-800)}.cookie-btn.accept-essential:hover{background:var(--gray-300)}.cookie-btn.accept-all{background:var(--primary);color:white}.cookie-btn.accept-all:hover{background:var(--primary-dark)}.cookie-btn-accept{background:var(--primary);color:white;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;border:none}.cookie-btn-decline{background:var(--gray-200);color:var(--gray-800);padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;border:none}.cookie-buttons{display:flex;gap:12px}.cookie-consent-content h3{font-size:1rem;margin-bottom:8px}fieldset{border:none;padding:0;margin:0}fieldset legend{margin-bottom:0.5rem;font-weight:600;display:flex;align-items:center;gap:0.5rem}@media (max-width:414px){.hero h1{font-size:1.5rem}.stat-number{font-size:1.5rem}.rate-amount{font-size:2.5rem}.content-grid{grid-template-columns:1fr}.export-buttons{grid-template-columns:1fr}}@media (min-width:320px) and (max-width:375px){.container{padding:0 1rem}}.data-table th, .cookie-table th{position:relative;cursor:pointer;user-select:none}.data-table th.sort-asc::after, .cookie-table th.sort-asc::after{content:'↑';margin-left:8px;color:var(--primary)}.data-table th.sort-desc::after, .cookie-table th.sort-desc::after{content:'↓';margin-left:8px;color:var(--primary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse-slow{0%, 100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0.7)}70%{box-shadow:0 0 0 10px rgba(255, 255, 255, 0)}100%{box-shadow:0 0 0 0 rgba(255, 255, 255, 0)}}.animate-fade-in{animation:fadeIn 0.5s ease-in}.animate-slide-up{animation:slideUp 0.3s ease-out}.animate-pulse-slow{animation:pulse-slow 3s infinite}.pulse-animation{animation:pulse-slow 0.5s ease}@media print{.no-print, .print-btn, .table-of-contents, .cookie-consent-banner, .navbar, .footer, .back-to-top, .reading-progress, .share-buttons, .author-bio, .comments-section, .ad-container{display:none !important}.privacy-hero, .overview-section, .legal-content, .last-updated, .calculator-input-section, .calculator-result-section, .calculator-input, .calculator-results{break-inside:avoid;page-break-inside:avoid}.data-table, .cookie-table{break-inside:avoid;page-break-inside:avoid}body{font-size:12pt;line-height:1.5;background:white !important;color:black !important}.calculator-container, .calculator-section{padding:0 !important}.calculator-input-section, .calculator-result-section, .calculator-input, .calculator-results{box-shadow:none !important;border:1px solid #ddd !important}}@media (max-width:1024px){.table-of-contents{display:none !important}.cookie-consent-content{flex-direction:column;text-align:center}.cookie-consent-buttons{width:100%;justify-content:center}}@media (max-width:768px){.print-btn{bottom:10px;right:10px;padding:10px 16px;font-size:0.875rem}.stats-grid-cards, .stats-cards, .stats-grid, .hero-stats{grid-template-columns:repeat(2, 1fr)}.platform-grid{grid-template-columns:repeat(2, 1fr)}.export-buttons{grid-template-columns:repeat(2, 1fr)}}@media (max-width:640px){.stats-grid-cards, .stats-cards, .stats-grid, .hero-stats{grid-template-columns:1fr}.checkbox-grid, .content-grid{grid-template-columns:1fr}.additional-stats{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:0;padding:0.75rem 1rem;background:var(--primary);color:white;z-index:10001;font-weight:600;transition:top 0.2s ease}.skip-link:focus{top:0;outline:2px solid #2563eb;outline-offset:2px}.no-print{display:block}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}html, body{overflow-x:hidden;-webkit-tap-highlight-color:rgba(106, 17, 203, 0.15)}@media (max-width:768px){a.nav-link, a.nav-btn, .mobile-nav-link, button:not(.mobile-menu-btn), .cta-button, .cta-btn-primary, .cta-btn-secondary, .calculate-btn, .reset-btn, .export-btn, .form-input, .form-select, input[type="submit"], .newsletter-form button{min-height:44px;min-width:44px}.mobile-menu-btn{min-width:44px;min-height:44px}}a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width:768px){body{font-size:16px}input, select, textarea, button{font-size:16px}}