.homepage-container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:0vh;padding:10px 0}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{font-size:1.25rem;color:#6b7280;margin-bottom:30px;line-height:1.6}.hero-stats{display:flex;gap:40px;margin:30px 0}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#2563eb}.stat-label{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.hero-search{display:flex;max-width:500px;margin-top:30px}.hero-search input{flex:1;padding:15px 20px;border:2px solid #e5e7eb;border-radius:10px 0 0 10px;font-size:1rem;transition:border-color .3s ease}.hero-search input:focus{outline:none;border-color:#2563eb}.hero-search button{padding:15px 25px;background:#2563eb;color:#fff;border:none;border-radius:0 10px 10px 0;cursor:pointer;transition:background .3s ease}.hero-search button:hover{background:#1d4ed8}.hero-visual{position:relative;height:400px}.floating-tool{position:absolute;font-size:4rem;animation:float 3s ease-in-out infinite;animation-delay:var(--delay)}.floating-tool:nth-child(1){top:20%;left:20%}.floating-tool:nth-child(2){top:60%;left:30%}.floating-tool:nth-child(3){top:30%;left:70%}.floating-tool:nth-child(4){top:70%;left:60%}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.categories-section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:15px;color:#1f2937}.section-header p{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.category-card{display:flex;align-items:center;padding:30px;background:#fff;border:1px solid #e5e7eb;border-radius:15px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.category-card:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.05),transparent);transition:left .6s ease}.category-card:hover:before{left:100%}.category-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#2563eb}.category-icon{font-size:3rem;margin-right:20px;flex-shrink:0}.category-content h3{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:#1f2937}.category-content p{color:#6b7280;margin-bottom:10px}.tool-count{font-size:.9rem;color:#2563eb;font-weight:500}.category-arrow{margin-left:auto;font-size:1.5rem;color:#9ca3af;transition:transform .3s ease}.category-card:hover .category-arrow{transform:translateX(5px);color:#2563eb}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative}.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:#2563eb}.tool-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.tool-icon{font-size:2.5rem;margin-bottom:15px}.tool-content h3{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#1f2937}.tool-content p{color:#6b7280;font-size:.95rem;margin-bottom:15px;line-height:1.5}.tool-category{font-size:.85rem;color:#2563eb;background:rgba(37,99,235,.1);padding:4px 10px;border-radius:20px;font-weight:500}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:50px}.step{text-align:center;padding:30px}.step-number{width:60px;height:60px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.step h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#1f2937}.step p{color:#6b7280;line-height:1.6}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.testimonial{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:30px;position:relative}.testimonial:before{content:'"';font-size:4rem;color:#2563eb;opacity:.1;position:absolute;top:10px;left:20px}.testimonial-content p{font-size:1.1rem;font-style:italic;color:#4b5563;margin-bottom:20px;line-height:1.6}.testimonial-author strong{display:block;color:#1f2937;font-weight:600}.testimonial-author span{color:#6b7280;font-size:.9rem}.cta-section{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);color:#fff;padding:80px 0;text-align:center;border-radius:20px;margin:80px 0}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:15px}.cta-content p{font-size:1.2rem;opacity:.9;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:#fff;color:#2563eb}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-secondary{background:0 0;color:#fff;border-color:#fff}.btn-secondary:hover{background:#fff;color:#2563eb}@media (max-width:768px){.hero-section{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content h1{font-size:2.5rem}.hero-stats{flex-direction:column;gap:20px}.categories-grid{grid-template-columns:1fr}.category-card{flex-direction:column;text-align:center}.category-icon{margin-right:0;margin-bottom:15px}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}}@media (max-width:480px){.homepage-container{padding:0 15px}.hero-content h1{font-size:2rem}.section-header h2{font-size:2rem}.tools-grid{grid-template-columns:1fr}}