@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);.navbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #00000014;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.logo span{color:#2563eb}.navbar-center{display:flex;gap:2rem}.nav-link{color:#475569;font-size:1rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#2563eb}.nav-link.active{color:#2563eb;font-weight:600}.nav-link.active:after{background-color:#2563eb;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.navbar-right{align-items:center;display:flex;gap:1.5rem}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;left:1rem;position:absolute}.search-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:2rem;color:#1e293b;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s ease;width:180px}.search-box:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.logo,.navbar-left{align-items:center;display:flex;gap:.75rem}.logo{color:#1e293b;font-size:1.75rem;font-weight:700;text-decoration:none;z-index:1001}.logo-img{height:auto;width:40px}.login-btn{align-items:center;background:#2563eb;border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s ease}.login-btn:hover{background:#1d4ed8}.menu-icon{font-size:1.5rem;z-index:1001}.menu-icon,.mobile-search-icon{background:none;border:none;color:#64748b;cursor:pointer;display:none;padding:.5rem}.mobile-search-icon{font-size:1.25rem}.mobile-menu{background:#fff;height:100vh;left:0;overflow-y:auto;padding:5rem 2rem 2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.mobile-menu.active{transform:translateX(0)}.mobile-menu-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;z-index:1002}.mobile-menu-close:hover{color:#1e293b}.mobile-menu .nav-link{border-bottom:1px solid #e2e8f0;display:block;font-size:1.2rem;padding:1.2rem 0}.mobile-menu .nav-link:hover{background:#f8fafc}.mobile-menu .search-container{margin:2rem 0;width:100%}.mobile-menu .search-box{font-size:1rem;padding:1rem 1rem 1rem 3rem;width:100%}.mobile-menu .login-btn{font-size:1.1rem;justify-content:center;margin-top:2rem;padding:1rem;width:100%}@media (max-width:1024px){.navbar-center{gap:1.5rem}}@media (max-width:768px){.navbar{padding:1rem}.login-btn,.navbar-center,.search-container{display:none}.menu-icon,.mobile-search-icon{display:block}.navbar-right{gap:1rem}}.homepage.coming-soon{align-items:center;background:#f5f7fa;color:#1e293b;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:calc(100vh - 80px);overflow:hidden;position:relative}.homepage.coming-soon:after,.homepage.coming-soon:before{border-radius:50%;content:"";filter:blur(80px);opacity:.6;position:absolute;z-index:0}.homepage.coming-soon:before{animation:float1 10s ease-in-out infinite;background:#e0f2fe;height:300px;left:-100px;top:-100px;width:300px}.homepage.coming-soon:after{animation:float2 12s ease-in-out infinite;background:#dcfce7;bottom:-120px;height:350px;right:-120px;width:350px}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(20px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}.homepage.coming-soon h1{color:#1e293b;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;z-index:1}.homepage.coming-soon p{color:#475569;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;max-width:600px;text-align:center;z-index:1}.early-access-form{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-top:1rem;max-width:500px;padding:2rem;width:100%;z-index:1}.form-title{color:#1e293b;font-size:1.5rem;font-weight:600;text-align:center}.form-group,.form-title{margin-bottom:1.5rem}.form-input{border:1px solid #e2e8f0;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:.75rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:#2563eb;transform:translateY(-2px)}.success-message{color:#10b981;font-weight:500;margin-top:1rem;text-align:center}.coming-soon-logo{animation:fadeIn 1.5s ease-in-out;margin:0;max-width:100%;object-fit:contain;width:180px;z-index:1}.example-text{color:#6b7280;display:block;font-size:.85rem;margin-top:5px;padding-left:35px;text-align:left}@media (max-width:768px){.homepage.coming-soon h1{font-size:2.5rem}.homepage.coming-soon p{font-size:1.1rem;padding:0 20px}.early-access-form{margin:0 20px;padding:1.5rem}}.hero{background:linear-gradient(135deg,#6366f11a,#a855f71a 50%,#ec48991a);margin:0;overflow:hidden;padding:0;position:relative}.hero-container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.hero-content{margin:0 auto;max-width:72rem;text-align:center}.floating-element{animation:float 6s ease-in-out infinite;position:absolute;z-index:1}.floating-element-1{left:10%;top:5rem}.floating-element-2{animation-delay:1s;right:15%;top:8rem}.floating-element-3{animation-delay:2s;left:20%;top:10rem}.floating-element-4{animation-delay:3s;bottom:8rem;right:25%}.icon-primary{color:#6366f1;height:2rem;width:2rem}.icon-accent{color:#ec4899;height:1.5rem;width:1.5rem}.icon-secondary{color:#a855f7;height:2.5rem;width:2.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#6366f11a,#ec48991a);border:1px solid #6366f133;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;color:#6366f1;display:inline-flex;font-size:.875rem;font-weight:600;margin-bottom:2rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.hero-badge:hover{transform:scale(1.05)}.badge-icon{animation:pulse 2s infinite;height:1rem;margin-right:.5rem;width:1rem}.pulse-ring{animation:pulse-ring 2s infinite;border:1px solid #6366f1;border-radius:9999px;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.hero-headline{animation:fadeIn 1s ease-in;color:#111827;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gradient-text{animation:pulse 2s infinite;background:linear-gradient(90deg,#6366f1,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-subheadline{color:#6b7280;font-size:1.875rem;font-weight:500}.hero-subtext{color:#6b7280;font-size:1.25rem;line-height:1.75;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:42rem}.hero-buttons{align-items:center;border-radius:10px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-bottom:5rem}@media (min-width:640px){.hero-buttons{flex-direction:row}}.primary-button{box-shadow:0 20px 25px -5px #0000001a;font-size:1.125rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s ease}.primary-button:hover{box-shadow:0 25px 50px -12px #6366f140}.button-text{z-index:10}.button-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem;z-index:10}.primary-button:hover .button-icon{transform:translateX(.5rem)}.primary-button:hover .button-overlay{opacity:1}.secondary-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff9;border-width:2px;box-shadow:0 10px 15px -3px #0000001a;font-size:1.125rem;padding:1.25rem 2.5rem;transition:all .3s ease}.secondary-button:hover{background-color:#6366f10d;border-color:#6366f14d;box-shadow:0 20px 25px -5px #0000001a}.hero-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-left:auto;margin-right:auto;margin-top:5rem;max-width:48rem}@media (min-width:768px){.hero-stats{grid-template-columns:repeat(3,1fr)}}.stat-item{text-align:center}.stat-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#6366f10d,#ec48990d);border:1px solid #6366f11a;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{border-color:#6366f133;transform:scale(1.05)}.stat-card-1{background:linear-gradient(135deg,#6366f10d,#ec48990d);border-color:#6366f11a}.stat-card-2{background:linear-gradient(135deg,#a855f70d,#6366f10d);border-color:#a855f71a}.stat-card-3{background:linear-gradient(135deg,#ec48990d,#a855f70d);border-color:#ec48991a}.stat-number{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.stat-card-1 .stat-number{background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000}.stat-card-2 .stat-number{background:linear-gradient(90deg,#a855f7,#6366f1);-webkit-background-clip:text;background-clip:text;color:#0000}.stat-card-3 .stat-number{background:linear-gradient(90deg,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text;color:#0000}.stat-label{color:#6b7280;font-weight:500}@media (min-width:768px){.hero{padding:6rem 0}.hero-headline{font-size:3.75rem}.hero-subheadline{font-size:2.25rem}}@media (min-width:1024px){.hero{padding:6rem 0}.hero-headline{font-size:4.5rem}.hero-subheadline{font-size:3rem}.hero-container{padding:0 1.5rem}}.tool-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;justify-content:space-between;max-width:320px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.tool-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-5px)}.tool-image-container{border-radius:16px;height:180px;margin:1rem;overflow:hidden;position:relative}.tool-image{border-radius:12px;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.tool-card:hover .tool-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(0deg,#0003,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.tool-card:hover .image-overlay{opacity:1}.tool-badge{position:absolute;right:.75rem;top:.75rem}.badge-free,.badge-paid{border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge-paid{background-color:#f59e0b}.badge-free{background-color:#10b981}.trending-icon{left:.75rem;opacity:0;position:absolute;top:.75rem;transition:opacity .3s ease}.tool-card:hover .trending-icon{opacity:1}.trending-icon-svg{color:#fff;height:1.25rem;width:1.25rem}.tool-info{display:flex;flex-direction:column;flex-grow:1;gap:.75rem;padding:0 1rem 1rem}.tool-header{align-items:flex-start;display:flex;justify-content:space-between}.tool-name{color:#111827;font-size:1.125rem;font-weight:600;margin:0;transition:color .3s ease}.tool-card:hover .tool-name{color:#4f46e5}.tool-rating{align-items:center;color:#f59e0b;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.rating-star{fill:#f59e0b;color:#f59e0b;height:1rem;width:1rem}.tool-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9rem;line-height:1.5;max-height:3.2em;overflow:hidden}.tool-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tool-tag{background-color:#f3f4f6;border-radius:9999px;color:#4b5563;font-size:.75rem;padding:.25rem .5rem}.tool-button{align-items:center;background:#4f46e5;border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-bottom:.25rem;margin-top:auto;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease;width:100%}.tool-button:hover{box-shadow:0 10px 15px #0000001a;transform:scale(1.05)}.button-icon{height:1rem;margin-left:.5rem;position:relative;width:1rem;z-index:2}.button-overlay{inset:0}.tool-button:hover .button-overlay{opacity:1}.mobile-filter-toggle{display:block;margin-bottom:1.5rem}@media (min-width:1024px){.mobile-filter-toggle{display:none}}.mobile-filter-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:.375rem;color:#1e293b;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.mobile-filter-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.filter-icon{height:1rem;width:1rem}.filter-sidebar{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:none;flex-direction:column;gap:1.5rem;padding:1.5rem}.filter-sidebar.open{display:flex}@media (min-width:1024px){.filter-sidebar{display:flex}}.filter-header{align-items:center;display:flex;justify-content:space-between}.filter-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.clear-all-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem}.clear-all-button:hover{color:#2563eb;text-decoration:underline}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-section-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:0;width:100%}.filter-section-header h4{color:#1e293b;font-size:1rem;font-weight:500;margin:0}.chevron-icon{color:#64748b;height:1rem;width:1rem}.filter-options{display:flex;flex-direction:column;gap:.5rem;padding-left:.5rem}.scrollable-options{max-height:12rem;overflow-y:auto}.filter-option{align-items:center;display:flex;gap:.5rem}.filter-checkbox{appearance:none;-webkit-appearance:none;border:1px solid #cbd5e1;border-radius:.25rem;cursor:pointer;height:1rem;position:relative;transition:all .2s ease;width:1rem}.filter-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.filter-checkbox:checked:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.5rem}.filter-label{color:#475569;cursor:pointer;font-size:.875rem;transition:color .2s ease}.filter-checkbox:checked+.filter-label{color:#1e293b;font-weight:500}.tools-section{background-color:#fff;padding:4rem 0}.tools-container{max-width:1800px;padding:0 15px;width:100%}.section-header{margin-bottom:4rem;text-align:center}.section-badge{align-items:center;background:linear-gradient(90deg,#ec48991a,#6366f11a);border:1px solid #ec489933;border-radius:9999px;color:#ec4899;display:inline-flex;font-size:14px;font-weight:600;margin-bottom:24px;padding:6px 16px}.badge-icon{height:16px;margin-right:8px;width:16px}.section-title{color:#111827;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.section-description{color:#6b7280;font-size:1.125rem;line-height:1.75;margin:0 auto;max-width:800px}.tools-layout{display:flex;flex-direction:column;gap:2rem}.filter-sidebar-container{position:relative;width:100%;z-index:10}.tools-content{flex:1 1;position:relative}.mobile-filter-button{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:block;font-weight:600;margin-bottom:20px;padding:12px;transition:all .3s ease;width:100%}.mobile-filter-button:hover{background-color:#f3f4f6}.tools-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.load-more-container{margin-top:4rem;text-align:center}.load-more-button{align-items:center;background:linear-gradient(90deg,#6366f1,#ec4899);border:none;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;overflow:hidden;padding:16px 40px;position:relative;transition:all .3s ease}.load-more-button:hover{box-shadow:0 25px 50px -12px #6366f140;transform:translateY(-2px)}.button-text{position:relative;z-index:2}.button-overlay{background:linear-gradient(90deg,#6366f133,#ec489933);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.load-more-button:hover .button-overlay{opacity:1}.load-more-text{color:#6b7280;font-size:14px;margin-top:16px}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.section-title{font-size:2.5rem}.mobile-filter-button{display:none}}@media (min-width:1024px){.tools-layout{flex-direction:row}.filter-sidebar-container{flex-shrink:0;width:280px}.section-title{font-size:3rem}}@media (min-width:1280px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.app{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.page-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:24px;padding:32px}@media (max-width:768px){.page-content{margin:16px;padding:24px}}
/*# sourceMappingURL=main.0e339fb5.css.map*/