.tools-hero{position:relative;background:transparent;padding:140px 0 80px;overflow:hidden;border-bottom-left-radius:65px;border-bottom-right-radius:65px}.tools-hero:before{content:"";position:absolute;inset:0;background:#0d6efd1a;backdrop-filter:blur(50px);border:1px solid rgba(255,255,255,1);border-radius:0 0 65px 65px;z-index:0}.tools-hero-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.tools-hero-spot{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(13,110,253,.3) 0%,rgba(13,110,253,.1) 40%,transparent 70%);filter:blur(60px)}.tools-hero-spot.spot-1{width:606px;height:606px;top:-196px;right:-100px}.tools-hero-spot.spot-2{width:412px;height:412px;top:50px;left:-37px}.tools-hero-content{position:relative;z-index:2;text-align:center}.tools-hero-title{font-size:48px;font-weight:var(--font-bold);line-height:60px;color:var(--color-black);margin-bottom:23px}.tools-hero-subtitle{font-size:20px;font-weight:var(--font-medium);line-height:30px;color:var(--color-text-light);max-width:778px;margin:0 auto 46px}.tools-search-wrapper{position:relative;max-width:777px;margin:0 auto}.tools-search-input{width:100%;height:56px;padding:0 60px 0 24px;font-size:16px;font-weight:var(--font-medium);font-family:var(--font-primary);color:var(--color-text);background:#ffffff80;border:1px solid rgba(255,255,255,1);border-radius:127px;outline:none;transition:all .3s ease}.tools-search-input::placeholder{color:#adadad}.tools-search-input:focus{background:#fffc;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d6efd1a}.tools-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.tools-search-btn:hover{background:#0b5ed7}.tools-filters{padding:60px 0 40px;overflow:hidden}.category-filter{position:relative;display:flex;justify-content:center;gap:0;background:#f0f3f7;border-radius:56px;padding:5px;max-width:549px;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-filter::-webkit-scrollbar{display:none}.filter-indicator{position:absolute;top:5px;left:5px;height:calc(100% - 10px);background:#fff;border:1px solid rgba(255,255,255,1);border-radius:1000px;box-shadow:0 2px 8px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.filter-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;font-size:16px;font-weight:var(--font-medium);font-family:var(--font-primary);color:#717171;background:transparent;border:none;border-radius:1000px;cursor:pointer;transition:color .3s ease;white-space:nowrap}.filter-btn svg{width:14px;height:13px;flex-shrink:0}.filter-icon-letter{font-size:12px;font-weight:var(--font-semibold);color:currentColor;width:8px;height:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-btn:hover{color:var(--color-primary)}.filter-btn.active{color:var(--color-text)}.tools-listing{padding:40px 0 80px}.tools-listing .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}.tool-card{background:#f9fbff;border:1px solid #d7d9e2;border-radius:13px;overflow:hidden;transition:all .3s ease}.tool-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-4px);border-color:var(--color-primary-border)}.tool-card.hidden{display:none}.tool-card-preview{position:relative;width:100%;padding-top:69.76%;aspect-ratio:377 / 263;background:linear-gradient(135deg,#f0f4f8,#e8eef3);overflow:hidden}.tool-card-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.tool-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fc,#d4e8f7);border-bottom:1px solid #d7d9e2}.tool-card-placeholder span{font-size:18px;font-weight:var(--font-semibold);color:#4a90d9;text-transform:none;padding:20px;text-align:center;line-height:1.3}.tool-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 60%,transparent 100%);padding:20px 16px 16px;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column;justify-content:flex-end;min-height:60%}.tool-card:hover .tool-card-overlay{transform:translateY(0)}.tool-card-overlay-content{opacity:0;transform:translateY(10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.tool-card:hover .tool-card-overlay-content{opacity:1;transform:translateY(0)}.tool-card-description{font-size:13px;font-weight:var(--font-regular);color:#ffffffe6;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tool-card-features{display:flex;flex-wrap:wrap;gap:6px}.tool-feature-tag{font-size:11px;font-weight:var(--font-medium);color:#fff;background:#0d6efdcc;padding:4px 10px;border-radius:20px}.tool-card-info{padding:24px}.tool-card-title{font-size:25px;font-weight:var(--font-bold);color:var(--color-black);margin-bottom:8px}.tool-card-price{font-size:0;font-weight:var(--font-bold);color:var(--color-black);margin-bottom:24px;line-height:1.2}.tool-card-price span{font-size:36px;font-weight:var(--font-bold);color:var(--color-black)}.tool-card-price span.price-period{font-size:20px;font-weight:var(--font-medium);color:var(--color-text-light)}.tool-card-price .price-amount{font-size:36px;font-weight:var(--font-bold)}.tool-card-price .price-period{font-size:20px;font-weight:var(--font-medium);color:var(--color-text-light)}.btn-subscribe{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 16px;font-size:16px;font-weight:var(--font-bold);font-family:var(--font-primary);color:var(--color-text-light);background:#f0f3f7;border:none;border-radius:10px;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-subscribe:hover{background:var(--color-primary);color:var(--color-white)}.tools-no-results{text-align:center;padding:80px 20px;color:var(--color-text-muted)}.tools-no-results svg{margin-bottom:20px;color:var(--color-border)}.tools-no-results h3{font-size:24px;font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:8px}.tools-no-results p{font-size:16px;color:var(--color-text-muted)}.tools-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;font-size:18px;color:var(--color-text-muted)}.tools-footer{padding:0 0 40px}.tools-footer .container{background:#f0f6ff;border-radius:20px;padding:17px 30px}.tools-footer-content{display:flex;align-items:center;justify-content:space-between}.tools-footer-language{display:flex;align-items:center;gap:12px;padding:9px 16px;background:#cce0ff;border-radius:10px;font-size:16px;font-weight:var(--font-medium);color:var(--color-black);cursor:pointer}.tools-footer-language img{border-radius:4px}.tools-footer-language svg{margin-left:8px}.tools-footer-copyright{font-size:16px;font-weight:var(--font-medium);color:var(--color-text-light)}@media(max-width:1024px){.tools-listing .tools-grid{grid-template-columns:repeat(2,1fr);gap:30px}.tools-hero-title{font-size:40px;line-height:50px}.category-filter{max-width:100%;justify-content:flex-start;padding:5px 10px}.filter-btn{padding:10px 14px;font-size:14px}}@media(max-width:768px){.tools-hero{padding:100px 0 50px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}.tools-hero:before{border-radius:0 0 30px 30px}.tools-hero-title{font-size:32px;line-height:40px}.tools-hero-subtitle{font-size:16px;line-height:24px;margin-bottom:30px}.tools-search-input{height:50px;font-size:14px}.tools-listing .tools-grid{grid-template-columns:1fr;gap:24px}.tools-filters{padding:40px 0 30px}.tools-listing{padding:20px 0 60px}.tool-card-title{font-size:20px}.tool-card-price{font-size:0}.tool-card-price span,.tool-card-price .price-amount{font-size:28px}.tool-card-price .price-period{font-size:16px}.tools-footer-content{flex-direction:column;gap:20px;text-align:center}.tools-footer-copyright{font-size:14px}}@media(max-width:480px){.tools-hero-title{font-size:28px;line-height:36px}.tools-hero-spot.spot-1{width:300px;height:300px}.tools-hero-spot.spot-2{width:200px;height:200px}}body.dark-mode .tools-hero{background:var(--color-bg)}body.dark-mode .tools-hero:before{background:#0d6efd0d}body.dark-mode .tools-hero-title{color:var(--color-white)}body.dark-mode .tools-hero-subtitle{color:var(--color-text-muted)}body.dark-mode .tools-search-input{background:#1e1e1ecc;border-color:#ffffff1a;color:var(--color-white)}body.dark-mode .tools-search-input::placeholder{color:#666}body.dark-mode .category-filter{background:#1e1e1ecc}body.dark-mode .filter-btn{color:var(--color-text-muted)}body.dark-mode .filter-btn.active{background:#ffffff1a;border-color:#fff3;color:var(--color-white)}body.dark-mode .tool-card{background:#1e1e1e;border-color:#333}body.dark-mode .tool-card-title,body.dark-mode .tool-card-price span{color:var(--color-white)}body.dark-mode .btn-subscribe{background:#2a2a2a;color:#ccc}body.dark-mode .btn-subscribe:hover{background:var(--color-primary);color:var(--color-white)}body.dark-mode .tools-footer .container{background:#0d6efd1a}body.dark-mode .tools-footer-language{background:#0d6efd33;color:var(--color-white)}.hidden{display:none!important}.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}.tool-card.fade-in{animation:toolCardFadeIn .3s ease forwards}@keyframes toolCardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card.expanded .tool-card-preview{display:none}.tool-card.expanded .tool-card-plans{display:block!important}.tool-card-plans{padding:20px;background:var(--color-white)}.tool-card-plan-dropdown-wrapper{position:relative;margin-bottom:16px}.tool-card-plan-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--color-white);border:1px solid #e5e7eb;border-radius:100px;cursor:pointer;transition:all .2s ease}.tool-card-plan-dropdown-btn:hover{border-color:#d1d5db}.tool-card-plan-dropdown-wrapper.open .tool-card-plan-dropdown-btn{border-color:var(--color-primary)}.tool-card-plan-name{font-size:16px;font-weight:var(--font-semibold);color:var(--color-black)}.dropdown-icon-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border-radius:50%;color:#6b7280;transition:transform .2s ease}.tool-card-plan-dropdown-wrapper.open .dropdown-icon-circle{transform:rotate(180deg)}.tool-card-plan-dropdown-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-white);border:1px solid #e5e7eb;border-radius:16px;padding:8px;list-style:none;margin:0;box-shadow:0 4px 20px #0000001a;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.tool-card-plan-dropdown-wrapper.open .tool-card-plan-dropdown-list{opacity:1;visibility:visible;transform:translateY(0)}.tool-card-plan-dropdown-list li{padding:12px 16px;font-size:15px;font-weight:var(--font-medium);color:var(--color-text);border-radius:10px;cursor:pointer;transition:background .15s ease}.tool-card-plan-dropdown-list li:hover{background:#f9fafb}.tool-card-plan-dropdown-list li.active{background:#f0f9ff;color:var(--color-primary)}.tool-card-plan-description{font-size:14px;color:var(--color-text-light);line-height:1.5;margin-bottom:16px}.tool-card-plan-features{margin-bottom:16px}.tool-card-plan-features .features-label{font-size:13px;color:var(--color-text-light);margin-bottom:10px}.tool-card-features-list{list-style:none;padding:0;margin:0}.tool-card-features-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text);margin-bottom:6px;line-height:1.4}.tool-card-features-list .feature-check{color:#10b981;font-weight:700;flex-shrink:0}.tool-card-plan-price{text-align:center;margin-top:16px}.tool-card-plan-price .plan-price-amount{font-size:28px;font-weight:var(--font-bold);color:var(--color-black)}.tool-card-plan-price .price-period{font-size:16px;font-weight:var(--font-medium);color:var(--color-text-light)}.tool-card.expanded .tool-card-info .tool-card-price{display:none}.tools-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.tools-loading p{margin-top:16px;font-size:16px;color:var(--color-text-muted)}.loading-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tools-error{color:#dc2626;font-size:16px}.tools-loading.hidden{display:none}