@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap";#ai-directory-root{--bg-primary: #ffffff;--bg-secondary: #f4f4f4;--bg-glass: rgba(255, 255, 255, .9);--border-glass: rgba(0, 0, 0, .08);--text-primary: #212121;--text-secondary: #777777;--accent-primary: #3B60E4;--accent-secondary: #2546BA;--shadow-glow: 0 4px 15px rgba(59, 96, 228, .15);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;color-scheme:light;background-color:transparent!important;background:transparent!important;color:var(--text-primary)!important;text-align:left!important;line-height:inherit;min-height:80vh;padding:3rem 0;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000080!important;margin:2rem 0}@media(max-width:768px){#ai-directory-root{padding:1.5rem 0}}#ai-directory-root *{box-sizing:border-box!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}#ai-directory-root h1,#ai-directory-root h2,#ai-directory-root h3{font-family:Montserrat,sans-serif!important;font-weight:700!important}#ai-directory-root h1,#ai-directory-root h2,#ai-directory-root h3,#ai-directory-root p,#ai-directory-root span{color:var(--text-primary);margin-top:0}#ai-directory-root p{color:var(--text-secondary)}#ai-directory-root a{text-decoration:none!important;transition:all .3s ease;color:var(--text-primary)}#ai-directory-root a:hover{filter:brightness(1.2)}#ai-directory-root button{cursor:pointer!important;outline:none!important;transition:all .3s ease}#ai-directory-root .glass-panel{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-glass)!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}#ai-directory-root .text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#ai-directory-root .animate-fade-in{animation:fadeIn .4s ease-out forwards}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff!important;border:1px solid var(--border-glass)!important;border-radius:20px!important;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000001a!important;animation:modalSlideUp .3s ease-out forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-glass)!important;background:#f8f9fa!important;border-radius:20px 20px 0 0}.modal-title{font-family:Montserrat,sans-serif!important;font-size:1.35rem!important;font-weight:700!important;margin:0;color:var(--text-primary)!important}.close-btn{background:transparent;color:var(--text-secondary)!important;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#0000000d!important;color:var(--text-primary)!important}.modal-body{padding:2rem;background:#fff!important}.modal-body p{line-height:1.6;margin-bottom:1rem;color:var(--text-secondary)!important}.modal-body ul{list-style:none;margin-top:1.5rem}.modal-body li{padding:.85rem 0;border-bottom:1px solid rgba(0,0,0,.05)!important;color:var(--text-primary)!important;display:flex;align-items:center;gap:.75rem;font-weight:500}.modal-body li:before{content:"✨";font-size:1rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem!important;font-weight:600!important;color:var(--text-primary)!important}.form-input,.form-textarea{background:#f9fafb!important;border:1px solid rgba(0,0,0,.1)!important;padding:.75rem 1rem;border-radius:12px;color:var(--text-primary)!important;font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary)!important;background:#fff!important;box-shadow:0 0 0 3px #3b60e426!important}.form-textarea{min-height:100px;resize:vertical}.submit-action-btn{background:var(--accent-primary)!important;color:#fff!important;font-weight:600!important;font-size:1.05rem!important;padding:1rem!important;border-radius:12px!important;border:none!important;margin-top:1rem;transition:all .2s ease!important;box-shadow:0 4px 10px #3b60e433!important}.submit-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #3b60e466!important;background:var(--accent-secondary)!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header{position:sticky;top:1rem;z-index:100;margin-bottom:2rem;border-radius:20px;background:#fff!important;border:1px solid var(--border-glass)!important;box-shadow:0 4px 15px #0000000d!important}.header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-icon-wrapper{background:#3b60e41a;padding:.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:1.5rem;font-weight:800!important;font-family:Montserrat,sans-serif!important;letter-spacing:-.5px;color:#000!important}.header-nav{display:flex;align-items:center;gap:2rem}.nav-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)!important;font-weight:600;font-size:.95rem}.nav-item:hover,.nav-item.active{color:var(--accent-primary)!important}.submit-btn{background:var(--accent-primary)!important;color:#fff!important;padding:.65rem 1.5rem!important;font-weight:600!important;font-size:.95rem!important;border:none!important;border-radius:12px!important;transition:all .3s ease!important;-webkit-text-fill-color:#ffffff!important;box-shadow:0 4px 15px #3b60e44d!important}.submit-btn:hover{background:var(--accent-secondary)!important;transform:translateY(-2px);box-shadow:0 6px 20px #3b60e480!important}@media(max-width:640px){.nav-item span{display:none}}.search-container{max-width:600px;margin:0 auto 3rem;width:100%;position:relative}.search-wrapper{display:flex;align-items:center;padding:.85rem 1.5rem;transition:all .3s ease;border-radius:100px;background:#fff!important;border:1px solid var(--border-glass)!important;box-shadow:0 4px 15px #00000008!important}.search-wrapper:focus-within{border-color:var(--accent-primary)!important;box-shadow:0 4px 20px #3b60e426!important;background:#fff!important}.search-icon{color:var(--text-secondary)!important;margin-right:1rem}.search-wrapper:focus-within .search-icon{color:var(--accent-primary)!important}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary)!important;font-size:1.05rem;font-weight:500;outline:none;font-family:inherit;width:100%}.search-input::placeholder{color:#9ca3af!important;font-weight:400}.clear-search{background:transparent;color:var(--text-secondary)!important;font-size:1.5rem;line-height:1;padding:0 .5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .2s ease}.clear-search:hover{color:var(--text-primary)!important}.filter-container{margin-bottom:3rem;width:100%;overflow:hidden}.filter-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{white-space:nowrap;padding:.6rem 1.25rem;border-radius:100px;background:#fff!important;border:1px solid var(--border-glass)!important;color:var(--text-secondary)!important;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 5px #00000005!important}.filter-pill:hover{background:#3b60e40d!important;color:var(--accent-primary)!important;border-color:#3b60e433!important;transform:translateY(-2px)}.filter-pill.active{background:var(--accent-primary)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #3b60e44d!important;font-weight:700}.tool-card{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;height:100%;display:flex;flex-direction:column}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:translate(-100%);transition:transform .6s ease;z-index:10}.tool-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014,0 0 20px #3b60e41a!important;border-color:#3b60e44d!important}.tool-card:hover:before{transform:translate(0)}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.tool-icon-wrapper{width:60px;height:60px;border-radius:16px;background:#fff!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 10px #0000000d!important}.tool-icon{width:100%;height:100%;object-fit:cover}.featured-badge{background:#3b60e41a!important;color:var(--accent-primary)!important;font-size:.75rem!important;font-weight:700!important;padding:.35rem .85rem!important;border-radius:100px!important;border:1px solid rgba(59,96,228,.2)!important}.tool-name{font-size:1.35rem!important;font-weight:700!important;font-family:Montserrat,sans-serif!important;margin-bottom:.75rem!important;color:var(--text-primary)!important}.tool-desc{color:var(--text-secondary)!important;font-size:.95rem!important;line-height:1.6!important;margin-bottom:1.5rem!important;flex-grow:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.08)!important}.tool-category{font-size:.8rem!important;color:#555!important;font-weight:600!important;background:#f4f4f4!important;padding:.4rem .85rem!important;border-radius:8px!important}.visit-btn{display:inline-flex!important;align-items:center!important;gap:.5rem!important;font-size:.95rem!important;font-weight:600!important;color:var(--accent-primary)!important;background:transparent!important;padding:.5rem 1rem!important;border-radius:8px!important;transition:all .3s ease!important;border:1px solid var(--accent-primary)!important}.arrow-icon{transition:transform .3s ease!important;color:var(--accent-primary)!important}.visit-btn:hover{background:var(--accent-primary)!important;color:#fff!important;box-shadow:0 4px 15px #3b60e44d!important}.visit-btn:hover .arrow-icon{transform:translate(4px)!important;color:#fff!important}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.text-center{text-align:center}.hero-section{padding:4rem 0 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1px}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;line-height:1.6;margin-bottom:2rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding-bottom:2rem}.no-results{grid-column:1 / -1;padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.no-results p{font-size:1.1rem;color:var(--text-secondary)}.reset-btn{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:#8b5cf633;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.footer-section{margin-top:2rem;padding:2rem;text-align:center;border-radius:16px;color:var(--text-secondary);font-size:.95rem}.font-bold{font-weight:700}@media(max-width:768px){.hero-section{padding:2rem 0}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}}