@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap');:root{ --bg-color:#F8FAFC;--surface-color:rgba(255,255,255,0.85);--surface-solid:#FFFFFF;--text-color:#334155;--heading-color:#0F172A;--border-color:#E2E8F0;--primary-color:#0F172A;--accent-color:#14B8A6;--accent-hover:#0D9488;--muted-color:#64748B;--success-color:#10B981;--error-color:#EF4444;--featured-badge-bg:#FEF3C7;--featured-badge-text:#B45309;--font-heading:'Outfit','Inter',system-ui,-apple-system,sans-serif;--font-body:'Inter',system-ui,-apple-system,sans-serif;--container-width:1200px;--header-height:76px;--border-radius:12px;--shadow-sm:0 2px 4px 0 rgba(148,163,184,0.08);--shadow-md:0 10px 15px -3px rgba(148,163,184,0.12),0 4px 6px -2px rgba(148,163,184,0.05);--shadow-lg:0 20px 25px -5px rgba(148,163,184,0.15);--glass-blur:blur(12px);--glass-border:1px solid rgba(255,255,255,0.4);}.compare-canvas-backdrop{ position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0.5;}*,*::before,*::after{ box-sizing:border-box;margin:0;padding:0;}body{ background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;}h1,h2,h3,h4,h5,h6{ color:var(--heading-color);font-family:var(--font-heading);font-weight:700;line-height:1.25;margin-bottom:0.75rem;}h1{ font-size:2.5rem;letter-spacing:-0.025em;}h2{ font-size:1.8rem;margin-top:1.5rem;}h3{ font-size:1.35rem;}h4{ font-size:1.15rem;}a{ color:var(--accent-color);text-decoration:none;transition:all 0.2s ease-in-out;}a:hover{ color:var(--accent-hover);}img{ max-width:100%;height:auto;display:block;}.container{ width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;}ul,ol{ list-style:none;}.btn{ display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;text-align:center;border:1px solid transparent;transition:all 0.2s ease-in-out;min-height:44px;font-family:var(--font-heading);}.btn-primary{ background-color:var(--accent-color);color:#FFFFFF;}.btn-primary:hover{ background-color:var(--accent-hover);color:#FFFFFF !important;transform:translateY(-1px);}.btn-secondary{ background-color:transparent;border:1px solid var(--border-color);color:var(--heading-color);}.btn-secondary:hover{ background-color:rgba(0,0,0,0.02);border-color:var(--muted-color);}.btn-danger{ background-color:var(--error-color);color:white;}.btn-danger:hover{ background-color:#dc2626;color:white !important;}input[type="text"],input[type="email"],input[type="search"],input[type="password"],input[type="url"],select,textarea{ width:100%;padding:0.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-solid);color:var(--text-color);outline:none;transition:all 0.2s ease-in-out;}input:focus,select:focus,textarea:focus{ border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(20,184,166,0.15);}.alert{ padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;font-weight:500;}.alert-success{ background-color:#E6F7F0 !important;border:1px solid #10B981 !important;color:#044e37 !important;}.alert-error{ background-color:rgba(239,68,68,0.1);border:1px solid var(--error-color);color:#991b1b;}.site-header{ background-color:var(--surface-color);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);height:var(--header-height);position:sticky;top:0;left:0;z-index:100;display:flex;align-items:center;transition:background-color 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;}.site-header.header-scrolled{ background-color:rgba(255,255,255,0.95);box-shadow:0 4px 20px -2px rgba(15,23,42,0.05);border-bottom-color:rgba(226,232,240,0.8);}.header-container{ display:flex;align-items:center;justify-content:space-between;width:100%;gap:2.5rem;}.site-branding{ display:flex;align-items:center;flex-shrink:0;}.custom-logo{ display:block;height:40px;width:auto;}.search-input-wrapper{ position:relative;display:flex;align-items:center;}.search-field-header{ padding-left:2.5rem !important;height:40px;border-radius:20px !important;}.search-icon{ position:absolute;left:1rem;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:var(--muted-color);pointer-events:none;line-height:1;margin-top:-2px;}.search-icon svg{ display:block;margin:0;}.autocomplete-results{ position:absolute;top:105%;left:0;right:0;background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:0.5rem;box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;z-index:200;display:none;}.autocomplete-item{ display:flex;align-items:center;padding:0.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color 0.2s;}.autocomplete-item:last-child{ border-bottom:none;}.autocomplete-item:hover{ background-color:rgba(20,184,166,0.05);}.autocomplete-logo{ width:32px;height:32px;border-radius:6px;object-fit:cover;margin-right:0.75rem;flex-shrink:0;border:1px solid var(--border-color);}.autocomplete-info{ display:flex;flex-direction:column;overflow:hidden;}.autocomplete-title{ font-weight:600;font-size:0.95rem;color:var(--heading-color);line-height:1.2;}.autocomplete-tagline{ font-size:0.8rem;color:var(--muted-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.autocomplete-no-results{ padding:1rem;text-align:center;color:var(--muted-color);}.main-navigation{ display:flex;flex:1;align-items:center;justify-content:center;margin-left:0;}.main-navigation ul{ display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0;}.main-navigation ul li a{ font-weight:700;color:var(--text-color);font-family:var(--font-heading);font-size:0.9rem;white-space:nowrap;position:relative;padding:0.4rem 0;display:inline-block;transition:color 0.3s ease;}.main-navigation ul li a::after{ content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.main-navigation ul li a:hover,.main-navigation ul li a.active{ color:var(--accent-color);}.main-navigation ul li a:hover::after,.main-navigation ul li a.active::after{ transform:scaleX(1);transform-origin:left;}.header-actions{ display:flex;align-items:center;gap:1.25rem;flex-shrink:0;}.header-actions .nav-login-btn{ font-weight:700;color:var(--text-color);font-family:var(--font-heading);font-size:0.9rem;transition:color 0.2s ease;}.header-actions .nav-login-btn:hover{ color:var(--accent-color);}.admin-badge-nav{ background-color:rgba(239,68,68,0.1);color:var(--error-color) !important;padding:0.25rem 0.5rem;border-radius:4px;}.header-controls{ display:flex;align-items:center;gap:0.75rem;}.control-btn{ width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-solid);color:var(--heading-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.control-btn:hover{ background-color:rgba(0,0,0,0.02);}.hidden{ display:none !important;}body.menu-open{ overflow:hidden;}.main-navigation.nav-active{ display:block;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--surface-solid);z-index:99;padding:2rem 1.5rem;border-top:1px solid var(--border-color);overflow-y:auto;}.main-navigation.nav-active ul{ display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;}.main-navigation.nav-active ul li a{ font-size:1.25rem;font-weight:600;display:block;}.site-main{ padding:3rem 0;min-height:calc(100vh - var(--header-height) - 150px);}.badge{ display:inline-flex;align-items:center;padding:0.25rem 0.6rem;border-radius:6px;font-size:0.75rem;font-weight:600;text-transform:uppercase;font-family:var(--font-heading);}.badge-featured{ background-color:var(--featured-badge-bg);color:var(--featured-badge-text);}.badge-verified{ background-color:rgba(20,184,166,0.1);color:var(--accent-color);}.tool-cat-badge{ font-size:0.75rem;font-weight:600;background-color:var(--border-color);color:var(--muted-color);padding:0.25rem 0.5rem;border-radius:4px;display:inline-block;}.tool-card{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;height:100%;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s ease;}.tool-card:hover{ transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:rgba(20,184,166,0.25);}.blog-card-image-wrap{ width:100%;height:180px;overflow:hidden;border-bottom:1px solid var(--border-color);position:relative;}.blog-card-img{ width:100%;height:100%;object-fit:cover;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);}.tool-card:hover .blog-card-img{ transform:scale(1.06);}.blog-card-3d{ background-color:transparent;perspective:1200px;height:380px;width:100%;}.blog-card-inner{ position:relative;width:100%;height:100%;transition:transform 0.65s cubic-bezier(0.4,0,0.2,1);transform-style:preserve-3d;}.blog-card-3d:hover .blog-card-inner{ transform:rotateY(180deg);}.blog-card-front,.blog-card-back{ position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-solid);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}.blog-card-front-content{ padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-top:auto;background-color:var(--surface-solid);}.blog-card-back{ transform:rotateY(180deg);padding:1.75rem;text-align:left;justify-content:space-between;background-color:var(--surface-solid);}.tool-card-header{ display:flex;gap:1rem;margin-bottom:1rem;}.tool-card-logo{ width:48px;height:48px;border-radius:var(--border-radius);object-fit:contain;background-color:#ffffff;padding:4px;border:1px solid var(--border-color);}.tool-card-meta{ display:flex;flex-direction:column;justify-content:center;}.tool-card-meta h3{ margin-bottom:0.15rem;}.tool-card-rating{ display:inline-flex;align-items:center;gap:0.25rem;font-weight:600;font-size:0.85rem;color:var(--heading-color);margin-top:0.25rem;}.tool-card-desc{ font-size:0.9rem;color:var(--muted-color);margin-bottom:1.5rem;flex-grow:1;}.tool-card-footer{ display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:1rem;margin-top:auto;}.tool-card-price{ font-weight:600;font-size:0.9rem;color:var(--heading-color);}.tool-card-actions{ display:flex;gap:0.5rem;}.hero-section{ position:relative;padding:7rem 0;text-align:center;background:radial-gradient(circle at 20% 30%,rgba(20,191,160,0.18),transparent 45%),radial-gradient(circle at 80% 70%,rgba(20,224,192,0.12),transparent 50%),#0B1220;border-radius:var(--border-radius);margin-bottom:4rem;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.3),inset 0 0 100px rgba(20,191,160,0.05);border:1px solid rgba(20,191,160,0.15);}.hero-canvas{ position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;}.hero-content{ position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 1.5rem;}.hero-content h1{ font-size:3.5rem;line-height:1.15;margin-bottom:1.5rem;color:#FFFFFF;text-shadow:0 2px 10px rgba(0,0,0,0.5);}.hero-content .teal-highlight{ color:#14E0C0;text-shadow:0 0 20px rgba(20,224,192,0.4);}.hero-content p{ font-size:1.2rem;color:#E2E8F0;margin-bottom:2.5rem;text-shadow:0 1px 5px rgba(0,0,0,0.4);}.hero-search{ max-width:500px;margin:0 auto;position:relative;}.hero-search input{ height:54px;border-radius:27px;padding-left:3rem;padding-right:1.5rem;font-size:1.05rem;box-shadow:var(--shadow-lg),0 0 15px rgba(20,191,160,0.2);border:2px solid rgba(20,191,160,0.3);background-color:#FFFFFF;color:#0F172A;transition:all 0.3s ease;}.hero-search input:focus{ border-color:#14E0C0;box-shadow:var(--shadow-lg),0 0 25px rgba(20,224,192,0.4);}.hero-search .search-icon{ left:1.25rem;color:#64748B;}.category-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1.5rem;margin-bottom:4rem;}.category-card{ background:linear-gradient(135deg,rgba(20,184,166,0.03) 0%,rgba(20,184,166,0) 100%);background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform 0.28s cubic-bezier(0.4,0,0.2,1),box-shadow 0.28s cubic-bezier(0.4,0,0.2,1),border-color 0.28s cubic-bezier(0.4,0,0.2,1),background-color 0.28s cubic-bezier(0.4,0,0.2,1);}.cat-icon-wrapper{ width:48px;height:48px;border-radius:50%;background-color:rgba(20,184,166,0.08);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin-bottom:1.25rem;transition:all 0.28s cubic-bezier(0.4,0,0.2,1);}.cat-icon-wrapper svg{ width:22px;height:22px;transition:transform 0.28s ease;}.category-card:hover{ transform:translateY(-6px) scale(1.04);box-shadow:var(--shadow-lg);border-color:var(--accent-color);background:linear-gradient(135deg,rgba(20,184,166,0.08) 0%,rgba(20,184,166,0.02) 100%);}.category-card:hover .cat-icon-wrapper{ background-color:var(--accent-color);color:#ffffff;}.category-card:hover .cat-icon-wrapper svg{ transform:scale(1.15);}.category-card h3{ font-weight:800;font-size:1.15rem;color:var(--heading-color);margin-bottom:0.35rem;font-family:var(--font-heading);}.category-card p{ font-size:0.82rem;color:var(--muted-color);font-weight:600;}.directory-layout{ display:grid;grid-template-columns:1fr;gap:2rem;}.filter-sidebar{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;height:fit-content;box-shadow:var(--shadow-sm);}.filter-group{ margin-bottom:1.5rem;}.filter-group:last-child{ margin-bottom:0;}.filter-group h4{ margin-bottom:0.75rem;font-size:0.95rem;}.filter-options{ display:flex;flex-wrap:wrap;gap:0.5rem;}.filter-btn{ padding:0.4rem 0.8rem;font-size:0.85rem;border-radius:6px;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-family:var(--font-heading);transition:all 0.2s;}.filter-btn:hover,.filter-btn.active{ background-color:var(--accent-color);border-color:var(--accent-color);color:white;}.tools-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}@media (max-width:991px){ .tools-grid{ grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){ .tools-grid{ grid-template-columns:1fr;}}.tool-header-block{ display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;}.tool-header-main{ display:flex;gap:1.5rem;align-items:center;}.tool-header-logo{ width:90px;height:90px;border-radius:var(--border-radius);object-fit:cover;border:1px solid var(--border-color);}.tool-header-info h1{ font-size:2.2rem;margin-bottom:0.25rem;}.tool-meta-row{ display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem;}.tool-actions-row{ display:flex;gap:0.75rem;flex-wrap:wrap;}.tool-grid-layout{ display:grid;grid-template-columns:1fr;gap:2rem;}.tool-content-main{ display:flex;flex-direction:column;gap:2rem;}.tool-detail-card{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-sm);}.pro-con-grid{ display:grid;grid-template-columns:1fr;gap:1.5rem;}.pro-list,.con-list{ padding:1rem;border-radius:var(--border-radius);}.pro-list{ background-color:rgba(16,185,129,0.04);border:1px dashed rgba(16,185,129,0.2);}.con-list{ background-color:rgba(239,68,68,0.04);border:1px dashed rgba(239,68,68,0.2);}.pro-list h4{ color:#047857;margin-bottom:0.75rem;}.con-list h4{ color:#b91c1c;margin-bottom:0.75rem;}.pro-con-grid ul li{ position:relative;padding-left:1.5rem;margin-bottom:0.5rem;font-size:0.92rem;}.pro-list ul li::before{ content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:bold;}.con-list ul li::before{ content:"✗";position:absolute;left:0;color:var(--error-color);font-weight:bold;}.faq-accordion{ display:flex;flex-direction:column;gap:1rem;}.faq-item{ border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;}.faq-item-header{ width:100%;text-align:left;padding:1rem 1.5rem;background-color:var(--bg-color);border:none;font-family:var(--font-heading);font-weight:600;color:var(--heading-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}.faq-icon{ transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);display:inline-block;}.faq-item.faq-active .faq-icon{ transform:rotate(45deg);}.faq-item-body{ max-height:0;opacity:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1);background-color:var(--surface-solid);}.faq-item.faq-active .faq-item-body{ opacity:1;}.faq-item-body-content{ padding:1rem 1.5rem;font-size:0.95rem;line-height:1.5;}.compare-container{ overflow-x:auto;background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:2rem;animation:fadeInUp 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}.compare-table{ width:100%;border-collapse:collapse;min-width:600px;table-layout:fixed;}.compare-table th,.compare-table td{ padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);text-align:left;transition:background-color 0.2s ease;vertical-align:middle;}.compare-table tr:hover td{ background-color:rgba(20,184,166,0.02);}.compare-table th{ background-color:var(--bg-color);font-family:var(--font-heading);font-weight:700;}.compare-table tr:last-child td{ border-bottom:none;}.compare-table .spec-label{ font-weight:600;color:var(--heading-color);width:33.333%;}.compare-tool-card{ text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}.compare-tool-card img{ width:64px;height:64px;border-radius:var(--border-radius);margin:0 0 0.75rem 0;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.compare-tool-card:hover img{ transform:scale(1.15) translateY(-2px);}.form-card{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2.5rem;max-width:500px;margin:0 auto;box-shadow:var(--shadow-md);animation:fadeInUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards;transition:transform 0.3s ease,box-shadow 0.3s ease;}.form-card:hover{ transform:translateY(-4px);box-shadow:var(--shadow-lg);}.form-card h2{ text-align:center;margin-bottom:1.5rem;}.form-group{ margin-bottom:1.25rem;}.form-group label{ display:block;margin-bottom:0.5rem;font-weight:500;font-size:0.9rem;color:var(--heading-color);}.form-card p{ text-align:center;margin-top:1.5rem;font-size:0.9rem;color:var(--muted-color);}.dashboard-grid{ display:grid;grid-template-columns:1fr;gap:2rem;}.dashboard-sidebar{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;height:fit-content;}.user-profile-info{ text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;}.user-avatar{ width:80px;height:80px;border-radius:50%;background-color:var(--accent-color);color:white;font-size:2rem;font-weight:bold;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}.dashboard-nav{ display:flex;flex-direction:column;gap:0.5rem;}.dashboard-nav a{ padding:0.75rem 1rem;border-radius:6px;color:var(--text-color);font-weight:500;}.dashboard-nav a:hover,.dashboard-nav a.active{ background-color:rgba(20,184,166,0.08);color:var(--accent-color);}.table-responsive{ overflow-x:auto;}.data-table{ width:100%;border-collapse:collapse;margin-top:1rem;}.data-table th,.data-table td{ padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);}.data-table th{ font-weight:600;color:var(--heading-color);background-color:var(--bg-color);}.stats-row{ display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem;}.stat-card{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}.stat-card .label{ font-size:0.85rem;color:var(--muted-color);margin-bottom:0.5rem;text-transform:uppercase;font-weight:600;}.stat-card .number{ font-size:2rem;font-weight:800;color:var(--heading-color);font-family:var(--font-heading);}.newsletter-section{ background:linear-gradient(135deg,rgba(20,184,166,0.05) 0%,rgba(15,23,42,0.02) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3rem;text-align:center;max-width:800px;margin:4rem auto 0;}.newsletter-section h2{ margin-bottom:0.75rem;}.newsletter-section p{ color:var(--muted-color);margin-bottom:1.5rem;}.newsletter-form{ max-width:500px;margin:0 auto;display:flex;gap:0.5rem;}.newsletter-alert{ margin-top:1rem;display:none;font-weight:500;font-size:0.9rem;}.newsletter-alert.success{ color:var(--success-color);}.newsletter-alert.error{ color:var(--error-color);}.site-footer{ background-color:#F8FAFC;border-top:1px solid #E2E8F0;padding:5rem 0 2.5rem;font-size:0.9rem;color:var(--text-color);}.footer-grid{ display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;}.footer-categories-container{ border-top:1px solid var(--border-color);padding-top:2.5rem;margin-top:1rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.25rem;align-items:center;}.footer-categories-title{ font-family:var(--font-heading);font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--heading-color);}.footer-logo{ display:inline-block;margin-bottom:1rem;}.footer-logo img{ height:40px;width:auto;}.footer-desc{ color:var(--muted-color);line-height:1.6;font-size:0.95rem;margin-top:0.5rem;}.footer-links-col h4{ font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--heading-color);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.05em;}.footer-links-col ul{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem;}.footer-links-col ul li a{ color:var(--text-color);text-decoration:none;font-weight:500;transition:color 0.2s ease;}.footer-links-col ul li a:hover{ color:var(--accent-color);}.footer-tags-grid{ display:flex;flex-wrap:wrap;gap:0.5rem;}.footer-tag-pill{ display:inline-block;background-color:var(--surface-solid);border:1px solid var(--border-color);color:var(--text-color);padding:0.35rem 0.75rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;}.footer-tag-pill:hover{ background-color:rgba(20,184,166,0.08);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px);}.footer-contact-info{ display:flex;flex-direction:column;}.footer-contact-info p{ margin-bottom:0.5rem;font-weight:500;color:var(--muted-color);}.footer-contact-info a{ color:var(--accent-color);text-decoration:none;font-weight:600;}.footer-contact-info a:hover{ text-decoration:underline;}.footer-bottom{ border-top:1px solid var(--border-color);padding-top:2rem;text-align:center;color:var(--muted-color);}@media (min-width:768px){ h1{ font-size:3rem;} .main-navigation{ display:block;} .mobile-toggle{ display:none !important;} .header-search-bar{ display:block;} .directory-layout{ grid-template-columns:280px 1fr;} .pro-con-grid{ grid-template-columns:1fr 1fr;} .tool-header-block{ flex-direction:row;justify-content:space-between;align-items:center;} .dashboard-grid{ grid-template-columns:240px 1fr;} .footer-grid{ grid-template-columns:1fr 1fr;gap:2.5rem;}}@media (min-width:1024px){ .tool-grid-layout{ grid-template-columns:1fr 340px;} .footer-grid{ grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;}}.mobile-toggle{ display:none;background:transparent;border:none;color:var(--heading-color);cursor:pointer;width:40px;height:40px;align-items:center;justify-content:center;transition:all 0.2s ease-in-out;border-radius:var(--border-radius);padding:0;}.mobile-toggle:hover{ background-color:rgba(20,184,166,0.05);color:var(--accent-color);}.mobile-toggle svg line{ transform-origin:center;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease;}.mobile-toggle[aria-expanded="true"] .line-top{ transform:translateY(6px) rotate(45deg);}.mobile-toggle[aria-expanded="true"] .line-middle{ opacity:0;}.mobile-toggle[aria-expanded="true"] .line-bottom{ transform:translateY(-6px) rotate(-45deg);}.mobile-nav-actions{ display:none;}@media (max-width:991px){ .main-navigation{ display:none !important;margin-left:0;} .header-actions{ display:none !important;} .mobile-toggle{ display:flex;} .main-navigation.nav-active{ display:flex !important;flex-direction:column;justify-content:space-between;position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:var(--surface-solid);z-index:99;padding:2.5rem 1.5rem;border-top:1px solid var(--border-color);overflow-y:auto;animation:slideDownMenu 0.35s cubic-bezier(0.16,1,0.3,1) forwards;} .main-navigation.nav-active ul{ display:flex;flex-direction:column;align-items:center;width:100%;gap:1.5rem;} .main-navigation.nav-active ul li{ width:100%;text-align:center;} .main-navigation.nav-active ul li a{ font-size:1.2rem;font-weight:700;display:block;padding:0.5rem 0;} .main-navigation.nav-active .mobile-nav-actions{ display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem;}}@keyframes slideDownMenu{ from{ opacity:0;transform:translateY(-10px);} to{ opacity:1;transform:translateY(0);}}.selectors-wrapper{ position:relative;display:flex;align-items:stretch;justify-content:center;gap:3.5rem;max-width:850px;margin:0 auto;}.selector-box{ flex:1;display:flex;flex-direction:column;gap:1.25rem;background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:16px;padding:2.75rem 2.5rem;min-height:240px;box-shadow:var(--shadow-sm);transition:border-color 0.3s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.3s cubic-bezier(0.25,0.8,0.25,1),transform 0.3s cubic-bezier(0.25,0.8,0.25,1);min-width:0;position:relative;z-index:20;}.selector-box:hover{ border-color:var(--accent-color);box-shadow:0 15px 35px rgba(20,184,166,0.2);transform:translateY(-5px);}.selector-box label{ font-weight:800;font-size:1.2rem;color:var(--heading-color);margin-bottom:0.15rem;font-family:var(--font-heading);letter-spacing:-0.01em;}.vs-container{ display:flex;align-items:center;justify-content:center;position:relative;z-index:15;}.vs-divider-badge{ width:44px;height:44px;background-color:var(--accent-color);color:white;font-weight:800;font-size:1.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid var(--surface-solid);box-shadow:var(--shadow-md);animation:scaleInPulse 2.5s infinite ease-in-out;}@keyframes scaleInPulse{ 0%,100%{ transform:scale(1);} 50%{ transform:scale(1.08);box-shadow:0 0 15px rgba(20,184,166,0.4);}}.animate-compare-results{ animation:compareFadeSlide 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes compareFadeSlide{ from{ opacity:0;transform:translateY(24px);} to{ opacity:1;transform:translateY(0);}}@media (max-width:767px){ .selectors-wrapper{ flex-direction:column;gap:1.5rem !important;} .vs-container{ margin:0.5rem auto;align-self:center;} .vs-divider-badge{ position:static !important;transform:none !important;}}.searchable-select-container{ position:relative;width:100%;}.searchable-select-trigger-wrapper{ position:relative;width:100%;display:flex;align-items:center;}.selected-tool-logo{ position:absolute;left:14px;width:20px;height:20px;border-radius:4px;object-fit:cover;pointer-events:none;z-index:5;}.searchable-select-input{ width:100%;height:54px;background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0 2.5rem 0 1rem;font-size:1.05rem;font-weight:500;color:var(--heading-color);outline:none;transition:all 0.2s ease-in-out;}.searchable-select-input.has-selection{ padding-left:2.75rem;}.searchable-select-input:focus{ border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(20,184,166,0.15);}.searchable-select-trigger-wrapper .dropdown-chevron{ position:absolute;right:14px;font-size:0.7rem;color:var(--muted-color);pointer-events:auto;cursor:pointer;user-select:none;transition:transform 0.2s ease;}.searchable-select-trigger-wrapper.active .dropdown-chevron{ transform:rotate(180deg);}.searchable-dropdown-list{ position:absolute;top:105%;left:0;right:0;background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000 !important;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(10px);visibility:hidden;pointer-events:none;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1),visibility 0.25s;}.searchable-dropdown-list.active{ opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;}.dropdown-options-list{ max-height:240px;overflow-y:auto;}.dropdown-option-item{ padding:0.75rem 1.25rem;display:flex;align-items:center;gap:0.75rem;cursor:pointer;font-weight:500;font-size:1.05rem;transition:background-color 0.2s ease;color:var(--text-color);text-align:left;}.dropdown-option-item img{ width:20px;height:20px;border-radius:4px;object-fit:cover;}.dropdown-option-item:hover{ background-color:rgba(20,184,166,0.05);color:var(--accent-color);}.auth-wrapper{ min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 10%,rgba(20,184,166,0.06) 0%,transparent 55%),radial-gradient(ellipse at 15% 85%,rgba(20,184,166,0.04) 0%,transparent 45%);}.auth-card{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:calc(var(--border-radius) * 2);padding:2.75rem 3rem;width:100%;max-width:460px;box-shadow:0 8px 40px rgba(0,0,0,0.08),0 1px 4px rgba(0,0,0,0.04);animation:authCardSlideIn 0.55s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes authCardSlideIn{ from{ opacity:0;transform:translateY(32px) scale(0.98);} to{ opacity:1;transform:translateY(0) scale(1);}}.auth-brand{ text-align:center;margin-bottom:1.75rem;}.auth-logo{ height:38px;width:auto;}.auth-title{ font-family:var(--font-heading);font-size:1.65rem;font-weight:800;color:var(--heading-color);text-align:center;margin:0 0 0.4rem;letter-spacing:-0.02em;}.auth-subtitle{ font-size:0.93rem;color:var(--muted-color);text-align:center;margin:0 0 2rem;}.auth-form{ display:flex;flex-direction:column;gap:1.25rem;}.auth-form .form-group input{ transition:border-color 0.22s ease,box-shadow 0.22s ease;}.auth-form .form-group input:focus{ border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(20,184,166,0.15);outline:none;}.auth-submit-btn{ width:100%;margin-top:0.5rem;padding:0.85rem 1.5rem;font-size:1rem;font-weight:700;letter-spacing:0.01em;}.auth-switch{ text-align:center;font-size:0.88rem;color:var(--muted-color);margin:1.5rem 0 0;}.auth-switch a{ color:var(--accent-color);font-weight:600;text-decoration:none;}.auth-switch a:hover{ text-decoration:underline;}@media (max-width:480px){ .auth-card{ padding:2rem 1.5rem;}}.section-header-row{ display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem;}@media (max-width:767px){ .section-header-row{ flex-direction:column;align-items:flex-start;gap:1rem;} .section-header-row a.btn{ width:100%;text-align:center;justify-content:center;}}@media (max-width:767px){ .newsletter-form{ flex-direction:column;gap:0.75rem;width:100%;align-items:center;} .newsletter-form input{ max-width:100% !important;text-align:center;} .newsletter-form button{ width:100%;} .newsletter-section{ padding:2rem 1.5rem;}}.footer-info{ margin-top:-0.25rem;}.footer-logo{ display:inline-flex;align-items:center;margin-bottom:1rem;}.footer-logo img{ height:32px;width:auto;}.footer-desc{ font-size:0.9rem;line-height:1.5;color:var(--muted-color);}@media (max-width:767px){ .footer-tags-grid{ justify-content:center;}}@media (max-width:767px){ .hero-content h1{ font-size:2.25rem !important;} .hero-content p{ font-size:1rem !important;margin-bottom:1.75rem;} .hero-section{ padding:4rem 1.25rem !important;margin-bottom:2.5rem;}}@media (max-width:767px){ .tool-header-main{ flex-direction:column !important;align-items:center !important;text-align:center !important;gap:1.25rem !important;} .tool-meta-row{ justify-content:center !important;gap:0.5rem !important;} .tool-actions-row{ justify-content:center !important;width:100% !important;gap:0.5rem !important;} .tool-actions-row .btn{ flex:1 1 auto !important;width:100% !important;justify-content:center !important;} .pro-con-grid{ grid-template-columns:1fr !important;}}.blog-subnav-container{ background-color:#f8fafc;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:0 0 2.5rem 0;padding:0.25rem 0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}.blog-subnav{ max-width:var(--container-width);margin:0 auto;padding:0 1.5rem;display:flex;list-style:none;gap:2rem;}.blog-subnav li a{ display:inline-block;padding:0.75rem 0;font-family:var(--font-heading);font-weight:700;font-size:0.85rem;letter-spacing:0.05em;color:#64748b;text-transform:uppercase;position:relative;white-space:nowrap;transition:color 0.2s ease;}.blog-subnav li a:hover,.blog-subnav li a.active{ color:var(--accent-color);}.blog-subnav li a::after{ content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--accent-color);transform:scaleX(0);transition:transform 0.25s ease;}.blog-subnav li a.active::after{ transform:scaleX(1);}.leaderboard-ad{ max-width:728px;height:90px;margin:0 auto 3rem auto;background:#f8fafc;border:1px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--border-radius);padding:1rem;text-align:center;}.leaderboard-ad .ad-label{ font-size:0.65rem;text-transform:uppercase;font-weight:700;color:var(--muted-color);letter-spacing:0.05em;margin-bottom:0.25rem;}.leaderboard-ad p{ font-size:0.85rem;color:var(--text-color);margin:0;}.leaderboard-ad a{ font-weight:600;}@media (max-width:767px){ .leaderboard-ad{ max-width:100%;height:auto;padding:1rem;}}.blog-layout-container{ display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:start;margin-bottom:5rem;}@media (max-width:991px){ .blog-layout-container{ grid-template-columns:1fr;gap:3rem;}}.blog-articles-col{ width:100%;}.blog-articles-grid{ display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:2.5rem;}.blog-post-card-wrapper{ display:flex;flex-direction:column;gap:1.25rem;}.blog-card-overlay{ position:relative;width:100%;height:380px;border-radius:var(--border-radius);overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:flex-end;transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.3s ease,border-color 0.3s ease;cursor:pointer;}.blog-card-overlay:hover{ transform:translateY(-5px) rotate(0.5deg) scale(1.015);box-shadow:var(--shadow-lg);border-color:var(--accent-color);}.blog-card-gradient{ position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(15,23,42,0.1) 0%,rgba(15,23,42,0.8) 100%);z-index:1;transition:background-color 0.3s ease;}.blog-card-overlay:hover .blog-card-gradient{ background:linear-gradient(180deg,rgba(15,23,42,0.35) 0%,rgba(15,23,42,0.92) 100%);}.blog-card-content{ position:relative;z-index:2;padding:1.75rem;width:100%;color:#ffffff;display:flex;flex-direction:column;gap:0.5rem;}.blog-badge-cat{ font-size:0.7rem;font-weight:700;letter-spacing:0.05em;padding:0.25rem 0.5rem;border-radius:4px;color:#ffffff;display:inline-block;}.blog-read-time{ font-size:0.75rem;font-weight:600;color:rgba(255,255,255,0.85);margin-left:0.25rem;}.blog-card-title{ font-family:var(--font-heading);font-size:1.35rem;line-height:1.3;font-weight:800;margin-bottom:0.25rem;letter-spacing:-0.01em;}.blog-card-title a{ color:#ffffff;text-decoration:none;transition:color 0.2s ease;}.blog-card-title a:hover{ color:var(--accent-color);}.blog-card-excerpt{ font-size:0.88rem;line-height:1.5;color:rgba(255,255,255,0.9);margin:0.25rem 0 0.5rem 0;max-height:0;opacity:0;overflow:hidden;transform:translateY(15px);transition:opacity 0.3s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),max-height 0.3s ease;}@media (min-width:992px){ .blog-card-overlay:hover .blog-card-excerpt{ max-height:120px;opacity:1;transform:translateY(0);}}@media (max-width:991px){ .blog-card-excerpt{ max-height:120px;opacity:1;transform:translateY(0);margin-top:0.5rem;}}.blog-card-meta{ display:flex;align-items:center;gap:0.5rem;font-size:0.72rem;font-weight:700;color:rgba(255,255,255,0.7);margin-top:0.25rem;}.blog-card-meta .author-name{ color:var(--accent-color);letter-spacing:0.05em;}.blog-card-meta .meta-dot{ width:3px;height:3px;background-color:rgba(255,255,255,0.4);border-radius:50%;}.blog-card-meta .views-count{ display:inline-flex;align-items:center;color:rgba(255,255,255,0.7);}.blog-quote-bubble{ background-color:#ffffff;border:1px solid var(--border-color);border-left:4px solid var(--accent-color);border-radius:var(--border-radius);padding:0.85rem 1.25rem;display:flex;align-items:center;gap:0.75rem;box-shadow:var(--shadow-sm);}.blog-quote-bubble .quote-icon{ color:var(--accent-color);display:flex;align-items:center;flex-shrink:0;}.blog-quote-bubble .quote-text{ font-size:0.85rem;line-height:1.4;font-style:italic;font-weight:500;color:var(--text-color);}.blog-sidebar-col{ display:flex;flex-direction:column;gap:2rem;}.card-shadow{ box-shadow:var(--shadow-sm);transition:box-shadow 0.3s ease;}.card-shadow:hover{ box-shadow:var(--shadow-md);}.sidebar-widget{ background-color:var(--surface-solid);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.75rem;}.sidebar-widget .widget-title{ font-family:var(--font-heading);font-size:0.9rem;font-weight:800;color:var(--heading-color);margin-bottom:1.25rem;letter-spacing:0.05em;text-transform:uppercase;border-bottom:2px solid var(--border-color);padding-bottom:0.5rem;}.sidebar-categories-list{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem;}.sidebar-categories-list li a{ display:flex;justify-content:space-between;align-items:center;color:var(--text-color);font-weight:600;font-size:0.95rem;padding:0.25rem 0;transition:color 0.2s ease;}.sidebar-categories-list li a:hover,.sidebar-categories-list li a.active{ color:var(--accent-color);}.sidebar-categories-list li a .count-badge{ background-color:#f1f5f9;color:var(--muted-color);font-size:0.75rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:20px;border:1px solid var(--border-color);transition:all 0.2s ease;}.sidebar-categories-list li a:hover .count-badge,.sidebar-categories-list li a.active .count-badge{ background-color:var(--accent-color);color:#ffffff;border-color:var(--accent-color);}.newsletter-widget{ text-align:center;background:linear-gradient(135deg,rgba(20,184,166,0.01) 0%,rgba(255,255,255,0.85) 100%);}.envelope-icon-wrap{ width:52px;height:52px;background-color:rgba(20,184,166,0.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin:0 auto 1.25rem auto;}.newsletter-widget input[type="email"]{ padding:0.65rem 1rem;font-size:0.9rem;text-align:center;margin-bottom:0.75rem;}.ad-widget{ text-align:center;}.ad-header-label{ font-size:0.65rem;font-weight:700;color:var(--muted-color);letter-spacing:0.05em;display:block;margin-bottom:0.75rem;}.sidebar-ad-slot{ border:1px dashed var(--border-color);border-radius:var(--border-radius);background-color:#f8fafc;padding:2rem 1rem;}.sidebar-ad-slot .ad-dimension{ font-family:var(--font-heading);font-weight:700;color:var(--heading-color);font-size:0.95rem;margin-bottom:0.5rem;}.sidebar-ad-slot .ad-link a{ font-size:0.85rem;font-weight:600;}.trending-tools-list{ list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem;}.trending-tools-list li{ display:flex;align-items:center;gap:0.75rem;}.tool-list-icon{ width:36px;height:36px;background-color:rgba(20,184,166,0.06);color:var(--accent-color);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.tool-list-info{ display:flex;justify-content:space-between;align-items:center;flex-grow:1;}.tool-list-name{ font-size:0.9rem;font-weight:700;color:var(--heading-color);}.rating-badge{ font-size:0.8rem;font-weight:700;color:var(--heading-color);}.scrollable-checkbox-list{ max-height:220px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:0.85rem;background-color:var(--surface-solid);display:flex;flex-direction:column;gap:0.65rem;}.scrollable-checkbox-list::-webkit-scrollbar{ width:6px;}.scrollable-checkbox-list::-webkit-scrollbar-track{ background:transparent;}.scrollable-checkbox-list::-webkit-scrollbar-thumb{ background:#cbd5e1;border-radius:4px;}.scrollable-checkbox-list::-webkit-scrollbar-thumb:hover{ background:#94a3b8;}.filter-checkbox-label,.filter-radio-label{ display:inline-flex;align-items:center;gap:0.65rem;font-size:0.88rem;font-weight:500;color:var(--text-color);cursor:pointer;user-select:none;line-height:1.2;transition:color 0.15s ease;}.filter-checkbox-label:hover,.filter-radio-label:hover{ color:var(--heading-color);}.filter-checkbox-label input,.filter-radio-label input{ position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.custom-checkbox{ width:17px;height:17px;background-color:#ffffff;border:1.5px solid #cbd5e1;border-radius:4px;display:inline-block;position:relative;transition:all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);flex-shrink:0;}.filter-checkbox-label:hover input ~ .custom-checkbox{ border-color:var(--accent-color);}.filter-checkbox-label input:checked ~ .custom-checkbox{ background-color:var(--accent-color);border-color:var(--accent-color);}.custom-checkbox::after{ content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}.filter-checkbox-label input:checked ~ .custom-checkbox::after{ display:block;}.custom-radio{ width:17px;height:17px;background-color:#ffffff;border:1.5px solid #cbd5e1;border-radius:50%;display:inline-block;position:relative;transition:all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);flex-shrink:0;}.filter-radio-label:hover input ~ .custom-radio{ border-color:var(--accent-color);}.filter-radio-label input:checked ~ .custom-radio{ border-color:var(--accent-color);}.custom-radio::after{ content:"";position:absolute;display:none;left:4px;top:4px;width:7px;height:7px;border-radius:50%;background-color:var(--accent-color);}.filter-radio-label input:checked ~ .custom-radio::after{ display:block;}.checkbox-text,.radio-text{ vertical-align:middle;}.footer-contact-info-new{ display:flex;flex-direction:column;gap:0.85rem;margin-top:0.75rem;}.contact-item{ display:flex;align-items:center;gap:0.75rem;}.contact-icon{ width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#eff6ff;color:#1d4ed8;flex-shrink:0;}.contact-link{ font-size:0.88rem;color:#64748b !important;text-decoration:none;font-weight:500;transition:color 0.15s ease;}.contact-link:hover{ color:var(--accent-color) !important;}.btn-contact-us-new{ display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background-color:#ffffff;border:1.5px solid #6366f1;color:#6366f1 !important;padding:0.5rem 1.25rem;font-size:0.85rem;font-weight:700;border-radius:9999px;text-decoration:none;width:fit-content;margin-top:0.5rem;transition:all 0.2s ease;}.btn-contact-us-new:hover{ background-color:#f5f3ff;border-color:#4f46e5;color:#4f46e5 !important;transform:translateY(-1px);box-shadow:0 2px 4px rgba(99,102,241,0.1);}.btn-contact-us-new .bubble-icon{ display:inline-flex;align-items:center;}.newsletter-sponsor-banner{ background-color:#0b1329;border-radius:16px;padding:3rem;color:#ffffff;margin-bottom:5rem;border:1px solid rgba(255,255,255,0.05);box-shadow:0 10px 30px rgba(11,19,41,0.3);}.ns-grid-top{ display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;align-items:center;}@media (max-width:991px){ .ns-grid-top{ grid-template-columns:1fr;gap:3rem;}}.ns-info-col h2{ font-family:var(--font-heading);font-size:2.2rem;line-height:1.2;font-weight:800;margin:1rem 0;color:#ffffff !important;letter-spacing:-0.02em;}.ns-info-col p{ color:#94a3b8 !important;font-size:1rem;line-height:1.6;margin-bottom:2rem;}.ns-badge{ background-color:rgba(20,184,166,0.1);color:#14b8a6;border:1px solid rgba(20,184,166,0.2);font-size:0.72rem;font-weight:700;letter-spacing:0.05em;padding:0.25rem 0.75rem;border-radius:4px;display:inline-block;}.ns-metrics-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}@media (max-width:991px){ .ns-metrics-grid{ grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){ .ns-metrics-grid{ grid-template-columns:1fr;}}.ns-metric-card{ background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.25rem;transition:transform 0.2s ease,border-color 0.2s ease;}.ns-metric-card:hover{ transform:translateY(-2px);border-color:rgba(20,184,166,0.4);background-color:rgba(255,255,255,0.05);}.ns-metric-icon{ font-size:1.5rem;margin-bottom:0.25rem;}.ns-metric-card strong{ font-size:1.25rem;color:#ffffff;font-weight:800;line-height:1.2;}.ns-metric-card span{ font-size:0.72rem;color:#94a3b8;font-weight:500;}.ns-graphic-col{ display:flex;justify-content:center;align-items:center;}@keyframes floatAnimation{ 0%{ transform:translateY(0px) rotate(0deg);} 50%{ transform:translateY(-8px) rotate(0.5deg);} 100%{ transform:translateY(0px) rotate(0deg);}}.ns-floating-image{ width:100%;max-width:440px;height:auto;display:block;animation:floatAnimation 4.5s ease-in-out infinite;filter:drop-shadow(0 15px 25px rgba(0,0,0,0.35));}.ns-divider{ height:1px;background-color:rgba(255,255,255,0.06);margin:2.5rem 0;}.ns-grid-middle{ display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;align-items:center;}@media (max-width:991px){ .ns-grid-middle{ grid-template-columns:1fr;gap:2rem;text-align:center;}}.ns-pricing-col{ display:flex;flex-direction:column;gap:0.75rem;}.price-row{ display:flex;justify-content:space-between;align-items:center;}@media (max-width:991px){ .price-row{ justify-content:center;gap:1rem;}}.price-label{ font-size:0.85rem;color:#94a3b8;font-weight:500;}.price-value{ font-size:1.75rem;font-weight:800;color:#ffffff;font-family:var(--font-heading);}.price-period{ font-size:0.75rem;color:#94a3b8;font-weight:normal;}.reg-price{ opacity:0.6;}.price-value-reg{ font-size:1.2rem;font-weight:700;text-decoration:line-through;color:#f43f5e;}.ns-action-col{ display:flex;flex-direction:column;gap:0.5rem;align-items:center;}.btn-ns-book{ background-color:#14b8a6 !important;border-color:#14b8a6 !important;color:#ffffff !important;width:100%;justify-content:center;padding:0.75rem !important;font-size:0.95rem;}.btn-ns-book:hover{ background-color:#0d9488 !important;border-color:#0d9488 !important;transform:translateY(-1px);}.ns-slots-status{ font-size:0.75rem;color:#14b8a6;font-weight:600;}.ns-quote-col{ background-color:rgba(255,255,255,0.01);border:1px solid rgba(255,255,255,0.05);border-radius:8px;padding:1.25rem;}.ns-quote-text{ font-size:0.88rem;font-style:italic;color:#e2e8f0;margin-bottom:0.5rem;line-height:1.4;}.ns-quote-author{ font-size:0.75rem;color:#94a3b8;font-weight:600;}.ns-grid-bottom{ display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}@media (max-width:768px){ .ns-grid-bottom{ grid-template-columns:1fr;gap:1.5rem;}}.ns-feature-item{ display:flex;gap:0.75rem;}.ns-feature-icon{ font-size:1.25rem;flex-shrink:0;}.ns-feature-item strong{ font-size:0.85rem;color:#ffffff;display:block;margin-bottom:0.15rem;}.ns-feature-item span{ font-size:0.75rem;color:#94a3b8;line-height:1.4;}.ns-footer-note{ grid-column:span 3;text-align:center;font-size:0.75rem;color:#64748b;margin-top:1rem;font-weight:500;}@media (max-width:768px){ .ns-footer-note{ grid-column:span 1;}}.site-header{ height:80px !important;background-color:transparent !important;border-bottom:1px solid transparent !important;backdrop-filter:none !important;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.site-header.header-scrolled{ background-color:rgba(255,255,255,0.8) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border-bottom:1px solid rgba(226,232,240,0.7) !important;box-shadow:0 10px 30px -10px rgba(15,23,42,0.08) !important;}.header-container{ max-width:1340px !important;padding:0 2rem !important;height:100%;}.main-navigation{ display:flex !important;flex:1 !important;justify-content:center !important;align-items:center !important;margin-left:0 !important;margin-right:0 !important;}.header-actions{ margin-left:0 !important;flex-shrink:0 !important;}.main-navigation ul{ gap:2.25rem !important;}.main-navigation ul li a{ font-size:0.95rem !important;font-weight:600 !important;padding:0.5rem 0 !important;transition:color 0.25s ease,transform 0.25s ease !important;}.main-navigation ul li a:hover{ transform:translateY(-2px);color:var(--accent-color) !important;}.main-navigation ul li a::after{ content:'' !important;position:absolute !important;bottom:-2px !important;left:50% !important;width:0% !important;height:2px !important;background-color:var(--accent-color) !important;transform:translateX(-50%) !important;transition:width 0.3s cubic-bezier(0.16,1,0.3,1) !important;}.main-navigation ul li a:hover::after,.main-navigation ul li a.active::after{ width:100% !important;transform:translateX(-50%) !important;}.searchable-select-input{ height:52px;font-size:1.05rem !important;padding-right:2.5rem !important;}.header-actions .nav-login-btn{ font-size:0.95rem !important;font-weight:600 !important;transition:color 0.25s ease !important;}@media (max-width:991px){ .main-navigation{ position:fixed !important;top:0 !important;right:-100% !important;width:320px !important;height:100vh !important;background:rgba(255,255,255,0.98) !important;backdrop-filter:blur(20px) !important;box-shadow:-10px 0 40px rgba(15,23,42,0.15) !important;padding:6rem 2.5rem 3rem !important;margin:0 !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;transition:right 0.4s cubic-bezier(0.16,1,0.3,1) !important;z-index:99 !important;} .main-navigation.nav-active{ right:0 !important;} .main-navigation ul{ flex-direction:column !important;align-items:flex-start !important;gap:1.5rem !important;} .main-navigation ul li a{ font-size:1.25rem !important;}}.dev-credits-toggle{ cursor:pointer;font-size:0.85rem;color:var(--accent-color);font-weight:700;text-decoration:underline;display:inline-flex;align-items:center;gap:0.3rem;transition:color 0.2s;}.dev-credits-toggle:hover{ color:var(--accent-hover);}.dev-credits-container{ height:0;overflow:hidden;opacity:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);background:rgba(255,255,255,0.03);border-radius:8px;margin-top:0.75rem;}.dev-credits-container.expanded{ height:auto;opacity:1;padding:1rem;border:1px solid rgba(255,255,255,0.08);}.compare-container{ padding:3rem 0;position:relative;}.compare-vs-center{ display:flex;align-items:center;justify-content:center;position:relative;z-index:10;}.vs-badge-glow{ width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2px solid var(--accent-color);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:1.4rem;box-shadow:0 0 25px rgba(20,184,166,0.4);animation:vsPulse 3s infinite ease-in-out;}@keyframes vsPulse{ 0%{ transform:scale(1);box-shadow:0 0 15px rgba(20,184,166,0.4);} 50%{ transform:scale(1.08);box-shadow:0 0 35px rgba(20,184,166,0.7);} 100%{ transform:scale(1);box-shadow:0 0 15px rgba(20,184,166,0.4);}}.compare-autocomplete-results{ position:absolute;top:100%;left:0;right:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;margin-top:0.5rem;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);z-index:100;max-height:280px;overflow-y:auto;display:none;}.compare-autocomplete-item{ display:flex;align-items:center;padding:0.75rem 1.25rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background 0.2s;}.compare-autocomplete-item:last-child{ border-bottom:none;}.compare-autocomplete-item:hover{ background:#f0fdfa;}.compare-canvas-backdrop{ position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0.6;}.premium-form-group{ position:relative;margin-bottom:1.5rem;}.premium-form-group input{ width:100%;padding:1.25rem 1rem 0.5rem;border:1px solid #e2e8f0;border-radius:10px;font-size:0.95rem;background:transparent;transition:all 0.2s;box-sizing:border-box;}.premium-form-group label{ position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:0.95rem;color:#64748b;pointer-events:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);}.premium-form-group input:focus ~ label,.premium-form-group input:not(:placeholder-shown) ~ label{ top:25%;font-size:0.75rem;color:var(--accent-color);}.premium-form-group input:focus{ border-color:var(--accent-color);outline:none;box-shadow:0 0 0 4px rgba(20,184,166,0.08);}details.custom-dropdown[open] .dropdown-panel{ animation:slideDownPush 0.25s cubic-bezier(0.16,1,0.3,1) forwards;overflow:hidden;}@keyframes slideDownPush{ from{ max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;} to{ max-height:250px;opacity:1;padding-top:1rem;padding-bottom:1rem;margin-top:0.5rem;}}.filters-grid-new{ display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;width:100%;}@media (min-width:768px){ .filters-grid-new{ grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){ .filters-grid-new{ grid-template-columns:1.5fr 1fr 1fr 1fr 1fr auto;}}details.custom-dropdown:not([open]) .dropdown-panel{ display:none !important;}.btn-like-toggle,.btn-bookmark-toggle{ display:inline-flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;padding:0 !important;border-radius:8px !important;border:1px solid var(--border-color) !important;background:rgba(241,245,249,0.5) !important;color:var(--text-color) !important;cursor:pointer !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;box-sizing:border-box !important;}.btn-like-toggle:hover,.btn-bookmark-toggle:hover{ background-color:rgba(241,245,249,0.85) !important;border-color:var(--accent-color) !important;}.btn-like-toggle.active{ color:#ef4444 !important;border-color:#fca5a5 !important;background-color:rgba(239,68,68,0.08) !important;}.btn-like-toggle.active svg{ fill:#ef4444 !important;stroke:#ef4444 !important;}.btn-bookmark-toggle.active{ color:#000000 !important;border-color:#cbd5e1 !important;background-color:rgba(0,0,0,0.08) !important;}.btn-bookmark-toggle.active svg{ fill:#000000 !important;stroke:#000000 !important;}.btn-like-toggle:active svg,.btn-bookmark-toggle:active svg{ transform:scale(1.3);}.btn-like-toggle svg,.btn-bookmark-toggle svg{ transition:transform 0.2s ease,fill 0.2s ease,stroke 0.2s ease;}@media (max-width:767px){ .filters-horizontal-row{ flex-direction:column !important;align-items:stretch !important;gap:0.75rem !important;} .filter-item-search,.filter-item-dropdown{ width:100% !important;min-width:100% !important;flex-grow:1 !important;} details.custom-dropdown[open] .dropdown-panel{ position:relative !important;top:0 !important;width:100% !important;margin-top:0.5rem !important;box-shadow:none !important;border:1px solid var(--border-color) !important;}}.tool-card-skeleton-wrap{ padding:0 !important;min-height:380px !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;border:1px solid var(--border-color) !important;border-radius:var(--border-radius) !important;background:var(--card-bg-color) !important;animation:skeletonPulse 1.5s infinite ease-in-out !important;}.tool-card-skeleton-img{ height:180px !important;background:rgba(0,0,0,0.05) !important;width:100% !important;}.tool-card-skeleton-content{ padding:1.5rem !important;display:flex !important;flex-direction:column !important;flex-grow:1 !important;gap:0.75rem !important;}.tool-card-skeleton-line{ background:rgba(0,0,0,0.05) !important;border-radius:4px !important;}.tool-card-skeleton-line-30{ width:30% !important;height:16px !important;}.tool-card-skeleton-line-80{ width:80% !important;height:24px !important;margin-top:0.5rem !important;}.tool-card-skeleton-line-100{ width:100% !important;height:14px !important;}.tool-card-skeleton-line-60{ width:60% !important;height:14px !important;}.tool-card-skeleton-line-btn{ width:100% !important;height:30px !important;margin-top:auto !important;}.tool-meta-flex-row{ display:flex !important;align-items:center !important;gap:0.5rem !important;flex-wrap:wrap !important;margin-top:0.25rem !important;}.star-accent-color{ color:#fbbf24 !important;}.badge-verified-inline{ font-size:0.7rem !important;font-weight:700 !important;color:var(--accent-color) !important;background:rgba(20,184,166,0.08) !important;border:1px solid rgba(20,184,166,0.2) !important;padding:0.15rem 0.5rem !important;border-radius:50px !important;text-transform:uppercase !important;line-height:1 !important;}.header-action-btn-login{ padding:0.5rem 1rem !important;font-size:0.85rem !important;min-height:auto !important;}.header-action-btn-signup{ padding:0.5rem 1.25rem !important;font-size:0.85rem !important;min-height:auto !important;}.header-mobile-login{ text-align:center !important;display:block !important;padding:0.75rem 0 !important;font-weight:700 !important;font-family:var(--font-heading) !important;}.header-mobile-signup{ width:100% !important;text-align:center !important;justify-content:center !important;}.seo-content-faq-block{ margin-bottom:5rem !important;padding:3rem 2rem !important;background:linear-gradient(135deg,rgba(20,184,166,0.02),rgba(15,23,42,0.01)),var(--card-bg-color) !important;border:1px solid var(--border-color) !important;border-radius:var(--border-radius) !important;box-shadow:var(--shadow-sm) !important;}.seo-content-faq-wrap{ display:flex !important;flex-direction:column !important;gap:3rem !important;max-width:100% !important;margin:0 auto !important;}.seo-content-inner-container{ max-width:750px !important;margin:0 auto !important;text-align:left !important;display:flex !important;flex-direction:column !important;gap:1.5rem !important;}.seo-content-inner-container p{ color:var(--muted-color) !important;font-size:1.02rem !important;line-height:1.75 !important;}.seo-content-heading{ font-family:var(--font-heading) !important;font-size:2.25rem !important;font-weight:800 !important;color:var(--heading-color) !important;margin-bottom:2rem !important;text-align:center !important;}.seo-content-subheading{ font-family:var(--font-heading) !important;font-size:1.35rem !important;font-weight:700 !important;color:var(--heading-color) !important;margin-top:2rem !important;margin-bottom:0.5rem !important;display:flex !important;align-items:center !important;gap:0.75rem !important;}.seo-subheading-icon{ display:inline-flex !important;align-items:center !important;justify-content:center !important;color:var(--accent-color) !important;background-color:rgba(20,184,166,0.1) !important;padding:0.5rem !important;border-radius:8px !important;}.seo-faq-heading{ font-family:var(--font-heading) !important;font-size:2rem !important;font-weight:800 !important;color:var(--heading-color) !important;margin-top:1rem !important;text-align:center !important;}.seo-faq-accordion-wrap{ max-width:750px !important;width:100% !important;margin:0 auto !important;}.seo-faq-accordion-wrap .faq-item{ background-color:var(--surface-solid) !important;border:1px solid var(--border-color) !important;border-radius:var(--border-radius) !important;box-shadow:0 2px 8px rgba(0,0,0,0.02) !important;transition:all 0.3s ease !important;}.seo-faq-accordion-wrap .faq-item:hover{ border-color:rgba(20,184,166,0.3) !important;box-shadow:0 4px 12px rgba(20,184,166,0.05) !important;}.seo-faq-accordion-wrap .faq-item-header{ background-color:transparent !important;padding:1.25rem 1.5rem !important;font-size:1.05rem !important;}.seo-faq-accordion-wrap .faq-item-body-content{ color:var(--muted-color) !important;line-height:1.7 !important;font-size:0.98rem !important;padding:0 1.5rem 1.5rem 1.5rem !important;}