:root{--bg-card:rgba(255, 255, 255, 0.78);--bg-card-hover:rgba(255, 255, 255, 0.95);--text-primary:#0b1e33;--text-secondary:#334155;--text-muted:#4b5563;--border-light:rgba(255, 255, 255, 0.5);--shadow-card:0 20px 40px -12px rgba(0, 20, 40, 0.25), 0 8px 24px -8px rgba(0, 0, 0, 0.08);--shadow-hover:0 30px 50px -16px rgba(0, 40, 80, 0.3), 0 10px 30px -10px rgba(0, 0, 0, 0.1);--card-radius:16px;--transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.dark-mode{--bg-card:rgba(20, 30, 50, 0.82);--bg-card-hover:rgba(30, 45, 70, 0.92);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-light:rgba(255, 255, 255, 0.08);--shadow-card:0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 8px 24px -8px rgba(0, 0, 0, 0.4);--shadow-hover:0 30px 50px -16px rgba(0, 0, 0, 0.8), 0 10px 30px -10px rgba(0, 0, 0, 0.5)}.all-tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.8rem;padding:1rem 0}.all-tools-card{background:var(--bg-card);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:40px 16px 40px 16px;box-shadow:var(--shadow-card);padding:1.8rem 1.5rem 1.5rem;transition:all 0.25s cubic-bezier(0.2, 0, 0, 1);border:1px solid var(--border-light);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;border-top:4px solid transparent;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease, all 0.25s cubic-bezier(0.2, 0, 0, 1)}.all-tools-card.visible{opacity:1;transform:translateY(0)}.all-tools-card:nth-child(1){transition-delay:0.05s}.all-tools-card:nth-child(2){transition-delay:0.1s}.all-tools-card:nth-child(3){transition-delay:0.15s}.all-tools-card:nth-child(4){transition-delay:0.2s}.all-tools-card:nth-child(5){transition-delay:0.25s}.all-tools-card:nth-child(6){transition-delay:0.3s}.all-tools-card:nth-child(7){transition-delay:0.35s}.all-tools-card:nth-child(8){transition-delay:0.4s}.all-tools-card:nth-child(9){transition-delay:0.45s}.all-tools-card:nth-child(10){transition-delay:0.5s}.all-tools-card:nth-child(11){transition-delay:0.55s}.all-tools-card:nth-child(12){transition-delay:0.6s}.all-tools-card::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 80% 20%, var(--primary), transparent 70%);opacity:0.04;pointer-events:none}.all-tools-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-hover);background:var(--bg-card-hover);border-color:var(--primary);border-top-color:var(--primary)}.all-tools-card .card-icon{width:64px;height:64px;background:linear-gradient(135deg, #eef6ff, #dbeafe);border-radius:20px 8px 20px 8px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#1e3a8a;margin-bottom:1.2rem;box-shadow:0 8px 14px -6px rgba(0, 50, 120, 0.15);transition:0.2s ease;border:1px solid var(--border-light);flex-shrink:0}.all-tools-card:hover .card-icon{transform:scale(1.02) rotate(1deg)}.all-tools-card:nth-child(6n+1) .card-icon{background:linear-gradient(135deg, #fee2e2, #fecaca);color:#991b1b}.all-tools-card:nth-child(6n+2) .card-icon{background:linear-gradient(135deg, #d1fae5, #a7f3d0);color:#065f46}.all-tools-card:nth-child(6n+3) .card-icon{background:linear-gradient(135deg, #e0e7ff, #c7d2fe);color:#3730a3}.all-tools-card:nth-child(6n+4) .card-icon{background:linear-gradient(135deg, #fef3c7, #fde68a);color:#92400e}.all-tools-card:nth-child(6n+5) .card-icon{background:linear-gradient(135deg, #fce7f3, #fbcfe8);color:#9d174d}.all-tools-card:nth-child(6n+6) .card-icon{background:linear-gradient(135deg, #cffafe, #a5f3fc);color:#0e7490}.dark-mode .all-tools-card:nth-child(6n+1) .card-icon{background:linear-gradient(135deg, #7f1d1d, #991b1b);color:#fca5a5}.dark-mode .all-tools-card:nth-child(6n+2) .card-icon{background:linear-gradient(135deg, #064e3b, #065f46);color:#6ee7b7}.dark-mode .all-tools-card:nth-child(6n+3) .card-icon{background:linear-gradient(135deg, #312e81, #4338ca);color:#a5b4fc}.dark-mode .all-tools-card:nth-child(6n+4) .card-icon{background:linear-gradient(135deg, #78350f, #92400e);color:#fcd34d}.dark-mode .all-tools-card:nth-child(6n+5) .card-icon{background:linear-gradient(135deg, #831843, #9d174d);color:#f9a8d4}.dark-mode .all-tools-card:nth-child(6n+6) .card-icon{background:linear-gradient(135deg, #164e63, #0e7490);color:#67e8f9}.all-tools-card .card-title{font-size:1.3rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary);margin-bottom:0.35rem;line-height:1.2}.all-tools-card .card-desc{font-size:0.95rem;line-height:1.5;color:var(--text-secondary);margin-top:0.2rem;margin-bottom:1.2rem;flex:1;font-weight:400;opacity:0.85;max-width:100%}.all-tools-card .card-action{display:inline-block;padding:0.4rem 1.2rem;background:transparent;border:1px solid rgba(37, 99, 235, 0.25);border-radius:60px;font-size:0.8rem;font-weight:500;letter-spacing:0.3px;transition:0.2s;text-decoration:none;backdrop-filter:blur(2px);margin-top:4px}.all-tools-card .card-action i{margin-left:6px;font-size:0.7rem;transition:0.2s}.all-tools-card:hover .card-action{background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 6px 12px -6px rgba(37, 99, 235, 0.3)}.all-tools-card:hover .card-action i{transform:translateX(3px)}.all-tools-card .card-meta{width:100%;display:flex;justify-content:flex-end;align-items:center;margin-top:0.2rem}.all-tools-card .status-badge{font-size:0.6rem;background:#e2e8f0;padding:0.15rem 0.6rem;border-radius:40px;border:1px solid rgba(0, 0, 0, 0.03);color:#334155;white-space:nowrap;display:flex;align-items:center;gap:4px}.dark-mode .all-tools-card .status-badge{background:#1e293b;color:#94a3b8}.search-container{position:relative;max-width:600px;margin:0 auto 40px}.search-container .search-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e9ecef;border-radius:50px;background:var(--bg-card);color:var(--text-primary);font-size:16px;transition:var(--transition);box-shadow:0 2px 10px var(--shadow-card)}.search-container .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1), 0 4px 20px var(--shadow-card)}.search-container .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px}.tools-sidebar{width:280px;flex-shrink:0;position:sticky;top:100px}.sidebar-card{background:var(--bg-card);border-radius:var(--card-radius);padding:25px;margin-bottom:25px;box-shadow:0 5px 20px var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition)}.sidebar-card:hover{box-shadow:0 8px 30px var(--shadow-card);transform:translateY(-2px)}.sidebar-card h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef;position:relative}.sidebar-card h3::after{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(90deg, var(--primary), #41c530)}.sidebar-card .category-list{list-style:none;margin:0;padding:0}.sidebar-card .category-list li{margin-bottom:8px}.sidebar-card .category-list li a{display:flex;align-items:center;gap:12px;padding:10px 15px;border-radius:10px;color:var(--text-muted);font-weight:500;transition:var(--transition);text-decoration:none}.sidebar-card .category-list li a i{width:20px;text-align:center;font-size:16px;color:var(--primary);transition:var(--transition)}.sidebar-card .category-list li a:hover{background:#e9ecef;color:var(--primary);transform:translateX(5px)}.sidebar-card .category-list li a.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px rgba(37, 99, 235, 0.3)}.sidebar-card .category-list li a.active i{color:#fff}@media (max-width:992px){.all-tools-wrapper{flex-direction:column}.tools-sidebar{width:100%;position:static;display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}.sidebar-card{margin-bottom:0}}@media (max-width:768px){.all-tools-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.2rem}.all-tools-card{padding:1.4rem 1.2rem}.all-tools-card .card-title{font-size:1.1rem}.all-tools-card .card-desc{font-size:0.85rem}.tools-sidebar{grid-template-columns:1fr}}@media (max-width:480px){.all-tools-grid{grid-template-columns:1fr}}.section-header{text-align:center;margin-bottom:2.5rem}.section-badge{display:inline-block;background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;padding:0.3rem 1.2rem;border-radius:50px;font-size:0.85rem;font-weight:600;margin-bottom:0.5rem}.section-title{font-size:2.6rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary);margin-bottom:0.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:800px;margin:0 auto}.category-section{padding:0 0 60px 0;scroll-margin-top:80px}.category-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.category-header .category-icon{width:50px;height:50px;background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 4px 15px rgba(37, 99, 235, 0.3)}.category-header .category-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.category-header .category-badge{background:#e9ecef;color:var(--text-muted);padding:4px 14px;border-radius:50px;font-size:0.85rem;font-weight:600;margin-left:auto}