@import url('../footer/footer.css');:root{--primary:#6c63ff;--primary-light:#a29bfe;--primary-lighter:#c8c4ff;--primary-dark:#564fcc;--primary-darker:#3d38a3;--primary-transparent:rgba(108,99,255,0.1);--primary-glass:rgba(108,99,255,0.08);--text:#2d3748;--text-light:#4a5568;--text-lighter:#718096;--text-on-primary:#ffffff;--bg:#ffffff;--bg-light:#f8fafc;--bg-dark:#edf2f7;--card-bg:#ffffff;--card-hover:#f8fafc;--border:#e2e8f0;--border-light:#edf2f7;--border-dark:#cbd5e0;--success:#48bb78;--error:#f56565;--warning:#ed8936;--info:#4299e1;--font-body:'Inter',sans-serif;--font-heading:'Poppins',sans-serif;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 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.1);--shadow-2xl:0 25px 50px rgba(0,0,0,0.15);--shadow-primary:0 4px 20px rgba(108,99,255,0.3);--shadow-primary-lg:0 10px 30px rgba(108,99,255,0.3);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.6s cubic-bezier(0.4,0,0.2,1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}[data-theme="dark"]{--primary:#7b73ff;--primary-light:#9d94ff;--primary-lighter:#c8c4ff;--primary-dark:#6b63e6;--primary-darker:#5a53cc;--text:#f7fafc;--text-light:#cbd5e0;--text-lighter:#a0aec0;--bg:#1a202c;--bg-light:#2d3748;--bg-dark:#1e2734;--card-bg:#2d3748;--card-hover:#3c4658;--border:#4a5568;--border-light:#4a5568;--border-dark:#2d3748;--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px rgba(0,0,0,0.3);--shadow-2xl:0 25px 50px rgba(0,0,0,0.4);--shadow-primary:0 4px 20px rgba(123,115,255,0.4);--shadow-primary-lg:0 10px 30px rgba(123,115,255,0.4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);line-height:1.6;color:var(--text);background-color:var(--bg);transition:var(--transition-slow);overflow-x:hidden;max-width:100%;position:relative}.container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box;margin:0 auto}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding:0 2rem}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.particles-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,var(--primary-glass) 0%,transparent 50%);opacity:0.3}.particles-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 70%,var(--primary-glass) 0%,transparent 50%);opacity:0.3}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;color:var(--text)}h1{font-size:clamp(2.25rem,5vw,3.5rem);margin-bottom:1.5rem;line-height:1.1}h2{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1.25rem}h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:1rem}h4{font-size:clamp(1.1rem,2.5vw,1.5rem);margin-bottom:0.75rem}.title-line{display:block}.highlight{color:var(--primary);position:relative;display:inline-block;z-index:1}.highlight::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:12px;background-color:var(--primary-transparent);border-radius:6px;z-index:-1;transform:rotate(-1deg)}.subtitle{color:var(--text-light);font-size:clamp(1rem,2vw,1.25rem);max-width:600px;margin:0 0 2.5rem;font-weight:400}.section-subtitle{color:var(--text-light);font-size:1rem;margin-top:0.5rem;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.875rem 1.75rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;font-size:1rem;position:relative;overflow:hidden}.btn i{font-size:0.9em}.btn-sm{padding:0.5rem 1.25rem;font-size:0.9rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm);padding:8px;border-radius:4px}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:7px;border-radius:4px}.btn-secondary:hover{background:var(--primary-transparent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-glow{box-shadow:var(--shadow-primary)}.btn-glow:hover{box-shadow:var(--shadow-primary-lg)}.btn-border-glow{position:relative;z-index:1;background:var(--bg);color:var(--primary)}.btn-border-glow::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary),var(--primary-light),var(--primary));background-size:200% 200%;z-index:-1;border-radius:var(--radius-md);animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}[data-role="navigation"]{position:sticky;top:0;background:var(--bg);box-shadow:var(--shadow-sm);z-index:1000;padding:1rem 0;backdrop-filter:blur(12px);background-color:rgba(255,255,255,0.85);border-bottom:1px solid var(--border-light)}[data-theme="dark"] [data-role="navigation"]{background-color:rgba(26,32,44,0.85)}.logo{font-family:var(--font-heading);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:var(--transition);z-index:1001}.logo:hover{color:var(--primary-dark);transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-toggle span{width:100%;height:3px;background:var(--text);border-radius:3px;transition:var(--transition);transform-origin:center}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}body.nav-open{overflow:hidden}.main-nav{transition:var(--transition)}.main-nav ul{display:flex;list-style:none;gap:1.75rem;align-items:center}.main-nav a{text-decoration:none;color:var(--text);font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:var(--transition);padding:0.5rem 0;position:relative}.main-nav a:hover{color:var(--primary)}.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.main-nav a:hover::after{width:100%}[data-action="toggle-theme"]{background:none;border:none;color:var(--text);cursor:pointer;font-size:1.2rem;transition:var(--transition);padding:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}[data-action="toggle-theme"]:hover{background:var(--primary-transparent);color:var(--primary);transform:rotate(30deg)}.hero{padding:6rem 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-transparent) 0%,rgba(255,255,255,0) 70%);z-index:-1;opacity:0.3;animation:gradientPulse 15s ease infinite alternate}@keyframes gradientPulse{0%{transform:scale(1);opacity:0.2}50%{transform:scale(1.1);opacity:0.4}100%{transform:scale(1);opacity:0.2}}.hero .container{display:flex;align-items:center;gap:4rem}.hero-content{flex:1;position:relative;z-index:2}.hero-badge{display:inline-block;background:var(--primary);color:white;padding:0.5rem 1rem;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;margin-bottom:1.5rem;box-shadow:var(--shadow-primary);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-main-image{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);position:relative;z-index:2;transform-style:preserve-3d;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.hero-image-highlight{position:absolute;width:120%;height:120%;background:radial-gradient(circle,var(--primary-transparent) 0%,rgba(255,255,255,0) 70%);z-index:1;opacity:0.5;animation:pulse 8s infinite alternate}.floating-tools{position:absolute;width:100%;height:100%;z-index:3;pointer-events:none}.floating-tool{position:absolute;width:60px;height:60px;background:var(--primary);color:white;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-primary);animation:float 6s ease-in-out infinite;animation-delay:var(--delay);opacity:0.9}@keyframes float{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(var(--x),var(--y)) rotate(5deg)}100%{transform:translate(0,0) rotate(0deg)}}.cta-group{display:flex;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}.trust-badges{display:flex;gap:1.5rem;margin-top:3rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--text-light);background:var(--card-bg);padding:0.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-xs);transition:var(--transition)}.badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.badge i{color:var(--primary)}.stats-bar{background:var(--primary);color:white;padding:2rem 0;position:relative;overflow:hidden}.stats-bar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);z-index:1}.stats-bar .container{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.stat-item{text-align:center;padding:1rem;position:relative}.stat-item::after{content:'';position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:1px;height:50%;background:rgba(255,255,255,0.2)}.stat-item:last-child::after{display:none}.stat-number{font-size:2.5rem;font-weight:700;font-family:var(--font-heading);margin-bottom:0.5rem;line-height:1}.stat-label{font-size:0.9rem;opacity:0.9;font-weight:500}.tools-section{padding:6rem 0;position:relative}.section-header{margin-bottom:3rem;display:flex;flex-direction:column;gap:1.5rem}.section-title{display:flex;flex-direction:column;gap:0.5rem}.section-title h2{display:flex;align-items:center;gap:0.75rem}.section-title i{color:var(--primary)}.tool-controls{display:flex;flex-direction:column;gap:1.5rem}.search-box{position:relative;max-width:500px}.search-box i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-lighter)}.search-box input{width:100%;padding:0.875rem 1rem 0.875rem 3rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text);font-size:1rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-primary)}.search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-lighter);cursor:pointer;opacity:0;transition:var(--transition)}.search-box input:not(:placeholder-shown) + .search-clear{opacity:1}.filter-options{display:flex;gap:0.75rem;flex-wrap:wrap}.filter-btn{padding:0.5rem 1.25rem;border-radius:var(--radius-full);background:var(--card-bg);color:var(--text-light);border:1px solid var(--border);font-size:0.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.filter-btn:hover{background:red;color:black}.filter-btn.active{background:var(--primary);color:rgb(12,12,12);border-color:var(--primary)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.tool-card{background:var(--card-bg);border-radius:16px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid var(--border-color);overflow:hidden;position:relative}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.15);border-color:var(--primary-color)}.tool-card-header{position:relative;padding:24px 24px 16px;background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-secondary) 100%)}.tool-card-img{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}.tool-card-img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);border-radius:16px}.tool-card-img i{font-size:24px;color:white;z-index:1;position:relative}.tool-tags{position:absolute;top:16px;right:16px;display:flex;gap:6px;flex-wrap:wrap}.tool-tag{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:white;white-space:nowrap}.tag-popular{background:linear-gradient(135deg,#FF6B6B,#FF8E53)}.tag-new{background:linear-gradient(135deg,#4ECDC4,#44A08D)}.tag-trending{background:linear-gradient(135deg,#A8E6CF,#7FCDCD)}.tag-social{background:linear-gradient(135deg,#667eea,#764ba2)}.tag-productivity{background:linear-gradient(135deg,#f093fb,#f5576c)}.tag-security{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tag-gaming{background:linear-gradient(135deg,#43e97b,#38f9d7)}.tag-content{background:linear-gradient(135deg,#fa709a,#fee140)}.tag-download{background:linear-gradient(135deg,#a8edea,#fed6e3)}.tag-default{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-card-content{padding:0 24px 24px}.tool-card h3{font-size:18px;font-weight:700;margin:0 0 8px 0;color:var(--text);line-height:1.3}.tool-card p{font-size:14px;color:var(--text-secondary);margin:0 0 16px 0;line-height:1.5}.tool-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.tool-category{font-size:12px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:0.5px}.tool-rating{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-secondary)}.tool-rating i{color:#FFD700;font-size:10px}.tool-card .btn{width:100%;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s ease;text-decoration:none;border:none;cursor:pointer}.tool-card .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-rgb),0.3)}.featured-tools{padding:6rem 0;background:var(--bg-light);position:relative;overflow:hidden}.featured-tools::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,var(--primary-glass) 0%,transparent 50%);opacity:0.3}.featured-carousel{position:relative;margin:0 auto;max-width:1200px}.carousel-track{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem 0;-ms-overflow-style:none;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.featured-card{scroll-snap-align:start;flex:0 0 calc(33.333% - 1.33rem);background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:300px}.featured-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.featured-icon{width:60px;height:60px;background:var(--primary-transparent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem}.featured-card h3{margin-bottom:1rem}.featured-card p{color:var(--text-light);margin-bottom:2rem;flex:1}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;z-index:2;transition:var(--transition)}.carousel-nav:hover{background:var(--primary);color:white;border-color:var(--primary)}.carousel-nav.prev{left:-24px}.carousel-nav.next{right:-24px}.testimonials{padding:6rem 0;position:relative}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-sm)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.testimonial-content{position:relative;margin-bottom:2rem}.testimonial-content p{font-size:1.1rem;line-height:1.6;color:var(--text);font-style:italic}.testimonial-content::before{content:'\201C';position:absolute;top:-1rem;left:-1rem;font-size:4rem;color:var(--primary-transparent);font-family:Georgia,serif;line-height:1}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.testimonial-author h4{margin-bottom:0.25rem}.testimonial-author span{font-size:0.9rem;color:var(--text-light)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:white;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path fill="rgba(255,255,255,0.05)" d="M0,0 L100,0 L100,100 L0,100 Z"></path></svg>');background-size:cover;opacity:0.2}.cta-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.cta-content h2{color:white;margin-bottom:1.5rem}.cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:0.9}footer{background:var(--bg-dark);padding:4rem 0 0;position:relative}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:4rem}.footer-col{display:flex;flex-direction:column;gap:1.5rem}.footer-about{max-width:300px}.footer-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:0.5rem}.footer-tagline{color:var(--text-light);font-size:0.95rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:36px;height:36px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:var(--transition)}.footer-social a:hover{background:var(--primary);color:white;transform:translateY(-3px)}.footer-col h4{font-size:1.1rem;margin-bottom:0.5rem;color:var(--text)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:0.75rem}.footer-col a{color:var(--text-light);text-decoration:none;transition:var(--transition);font-size:0.95rem}.footer-col a:hover{color:var(--primary);padding-left:5px}.newsletter-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.input-group input{width:100%;padding:0.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text);font-size:0.95rem}.input-group button{position:absolute;right:0.25rem;top:0.25rem;bottom:0.25rem;width:40px;border-radius:var(--radius-sm)}.footer-bottom{padding:2rem 0;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.copyright{font-size:0.9rem;color:var(--text-light)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-light);font-size:0.9rem;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--primary)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:var(--shadow-primary-lg);opacity:0;visibility:hidden;transition:var(--transition);z-index:999}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-dark);transform:translateY(-3px)}@media (max-width:1024px){.hero .container{flex-direction:column;gap:3rem}.hero-content{order:1;text-align:center;align-items:center}.hero-image{order:2}.subtitle{margin-left:auto;margin-right:auto}.cta-group{justify-content:center}.trust-badges{justify-content:center}.featured-card{flex:0 0 calc(50% - 1rem)}}@media (max-width:768px){.mobile-menu-toggle{display:flex}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg);z-index:1000;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:var(--transition-slow)}.main-nav.active{opacity:1;visibility:visible}.main-nav ul{flex-direction:column;gap:2rem}.featured-card{flex:0 0 100%}.carousel-nav{display:none}.hero-content{text-align:center;padding:2rem 1rem}.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.1rem}.cta-group{flex-direction:column;gap:1rem}.trust-badges{flex-direction:column;gap:1rem}.tool-grid{grid-template-columns:1fr;gap:1.5rem}.tool-controls{flex-direction:column;gap:1rem}.search-box{width:100%}.filter-options{justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.stat-item::after{display:none}.tool-controls{align-items:stretch}.filter-options{overflow-x:auto;padding-bottom:0.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.filter-options::-webkit-scrollbar{display:none}.filter-btn{scroll-snap-align:start;flex-shrink:0}.btn{width:100%}.cta-group{flex-direction:column;gap:1rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.6s ease-out forwards}.delay-1{animation-delay:0.2s}.delay-2{animation-delay:0.4s}.delay-3{animation-delay:0.6s}.delay-4{animation-delay:0.8s}.tools-search{margin-bottom:32px}.search-container{position:relative;max-width:500px;margin:0 auto 24px}.search-container input{width:100%;padding:16px 20px 16px 50px;border:2px solid var(--border-color);border-radius:16px;font-size:16px;background:var(--input-bg);color:var(--text);transition:all 0.3s ease}.search-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(var(--primary-rgb),0.1)}.search-container i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:18px}.filter-container{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--border-color);border-radius:25px;background:var(--card-bg);color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all 0.3s ease;text-decoration:none}.filter-btn:hover,.filter-btn.active{background:var(--primary-color);color:#6c63ff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--primary-rgb),0.3)}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.no-results i{font-size:48px;margin-bottom:16px;opacity:0.5}.no-results h3{font-size:20px;margin-bottom:8px;color:var(--text)}.no-results p{font-size:16px;margin:0}

/* ============================================
   HOMEPAGE CATEGORIES HUB
   ============================================ */
.categories-hub-section{padding:5rem 0 4rem;background:var(--bg,#ffffff)}.categories-hub-header{text-align:center;margin-bottom:3rem}.categories-hub-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--text,#1e293b);margin-bottom:.5rem}.categories-hub-subtitle{font-size:1rem;color:var(--text-secondary,#64748b)}.categories-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-hub-card{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:16px;padding:2rem 1.5rem;transition:all .3s ease}.category-hub-card:hover{box-shadow:0 8px 30px rgba(79,70,229,.1);border-color:var(--primary,#6c63ff);transform:translateY(-3px)}.category-hub-icon{width:52px;height:52px;background:var(--primary-transparent,rgba(108,99,255,.1));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.category-hub-icon i{font-size:1.4rem;color:var(--primary,#6c63ff)}.category-hub-name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:var(--text,#1e293b);margin-bottom:1rem}.category-hub-links{display:flex;flex-direction:column;gap:8px}.category-hub-links a{font-size:.88rem;color:var(--primary,#6c63ff);text-decoration:none;padding:4px 0;transition:color .2s;display:flex;align-items:center;gap:6px}.category-hub-links a::before{content:"→";font-size:.8rem;opacity:.6}.category-hub-links a:hover{color:var(--primary-dark,#564fcc)}@media (max-width:900px){.categories-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.categories-hub-grid{grid-template-columns:1fr}.categories-hub-title{font-size:1.5rem}}.homepage-faq-section{padding:4rem 0 5rem;background:var(--bg-secondary,#f8fafc)}.homepage-faq-header{text-align:center;margin-bottom:2.5rem}.homepage-faq-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;color:var(--text,#1e293b)}.homepage-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:960px;margin:0 auto}.homepage-faq-item{background:var(--bg,#ffffff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:1.5rem;transition:all .2s ease}.homepage-faq-item:hover{border-color:var(--primary,#6c63ff);box-shadow:0 4px 20px rgba(108,99,255,.08)}.homepage-faq-q{font-size:.95rem;font-weight:600;color:var(--text,#1e293b);margin-bottom:.6rem;line-height:1.5}.homepage-faq-a{font-size:.88rem;color:var(--text-secondary,#64748b);line-height:1.6;margin:0}@media (max-width:768px){.homepage-faq-grid{grid-template-columns:1fr}.homepage-faq-title{font-size:1.5rem}}.site-breadcrumb{padding:10px 0 6px;font-size:.82rem;color:var(--text-secondary,#64748b);font-family:Inter,sans-serif;border-bottom:1px solid var(--border,#e2e8f0);margin-bottom:0}.site-breadcrumb a{color:var(--primary,#6c63ff);text-decoration:none;font-weight:500;transition:color .2s}.site-breadcrumb a:hover{color:var(--primary-dark,#564fcc)}.site-breadcrumb span{color:var(--text,#1e293b);font-weight:500}section.tool-seo-section.container,section.container.tool-seo-section{max-width:860px;margin-left:auto;margin-right:auto;padding:2rem 1.5rem 3rem;font-family:'Inter',sans-serif;background:var(--bg,#fff);box-sizing:border-box}.tool-seo-section h2{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;color:var(--primary,#6c63ff);margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1.5px solid var(--border,#e2e8f0)}.tool-seo-section h2:first-of-type{margin-top:0}.tool-seo-section ol{padding-left:1.35rem;margin:0 0 1.5rem}.tool-seo-section ol li{font-size:.93rem;color:var(--text-secondary,#64748b);line-height:1.75;margin-bottom:.55rem}.tool-seo-section>ul{list-style:none;padding-left:0;margin:0 0 1.5rem}.tool-seo-section>ul>li{position:relative;padding-left:1.75rem;font-size:.93rem;color:var(--text-secondary,#64748b);line-height:1.75;margin-bottom:.55rem}.tool-seo-section>ul>li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--primary,#6c63ff);position:absolute;left:0;top:.12em;font-size:.82rem}.tool-seo-section h3{font-size:1rem;font-weight:700;color:var(--text,#1e293b);margin:1.25rem 0 .4rem;line-height:1.5}.tool-seo-section p{font-size:.93rem;color:var(--text-secondary,#64748b);line-height:1.75;margin:0 0 .85rem}/* ============================================ TOOLVAULT CONTENT SECTION (SEO + Landing) ============================================ */.toolvault-content-section{padding:4rem 0 5rem;background:#ffffff}.content-intro{text-align:center;max-width:800px;margin:0 auto 3rem}.content-main-title{font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text,#1e293b);margin-bottom:1.25rem;line-height:1.3}.content-lead{font-size:1rem;color:var(--text-secondary,#475569);line-height:1.85;margin:0}.content-lead a,.content-block a{color:var(--primary,#6c63ff);text-decoration:underline;text-decoration-color:rgba(108,99,255,.3);text-underline-offset:3px;font-weight:500;transition:all .2s}.content-lead a:hover,.content-block a:hover{color:var(--primary-dark,#564fcc);text-decoration-color:var(--primary-dark,#564fcc)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;max-width:1100px;margin-left:auto;margin-right:auto}.content-block{display:flex;flex-direction:column;gap:1.25rem}.content-block p{font-size:.925rem;color:var(--text-secondary,#475569);line-height:1.85;margin:0}.popular-tools-block{background:linear-gradient(135deg,rgba(108,99,255,.04) 0%,rgba(168,85,247,.04) 100%);border:1px solid rgba(108,99,255,.12);border-radius:20px;padding:2.5rem;max-width:1100px;margin:0 auto}.popular-tools-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;color:var(--text,#1e293b);margin:0 0 1.25rem;display:flex;align-items:center;gap:8px}.popular-tools-title i{color:#f97316;font-size:1rem}.popular-tools-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.5rem}.popular-tag{display:inline-block;padding:6px 14px;background:#ffffff;border:1px solid rgba(108,99,255,.25);border-radius:50px;font-size:.82rem;font-weight:500;color:var(--primary,#6c63ff);text-decoration:none;transition:all .2s ease;white-space:nowrap}.popular-tag:hover{background:var(--primary,#6c63ff);color:#ffffff;border-color:var(--primary,#6c63ff);transform:translateY(-1px);box-shadow:0 4px 12px rgba(108,99,255,.25)}.popular-tools-note{font-size:.875rem;color:var(--text-secondary,#64748b);line-height:1.7;margin:0;padding-top:1.25rem;border-top:1px solid rgba(108,99,255,.12)}@media (max-width:768px){.content-grid{grid-template-columns:1fr;gap:1.5rem}.toolvault-content-section{padding:3rem 0 4rem}.popular-tools-block{padding:1.75rem 1.25rem}.content-main-title{font-size:1.4rem}}@media (max-width:480px){.popular-tag{font-size:.78rem;padding:5px 12px}}