*,body{margin:0}body,html{overflow-x:hidden}body,nav a{color:#fff}.categories,.hero,.search-section{text-align:center}nav,nav ul{display:flex}.category,.hero button,nav a{transition:.3s}.category,nav{backdrop-filter:blur(10px)}.stats,.tools{width:90%;display:grid}.ai-finder::after,.ai-finder::before{content:"";position:absolute;filter:blur(70px)}*{padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#0f172a,#111827,#1e293b);line-height:1.6}nav{background:rgba(17,24,39,.9);justify-content:space-between;align-items:center;padding:20px 60px;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}nav ul{gap:30px;list-style:none}nav a{text-decoration:none}nav a:hover{color:#60a5fa}.hero{padding:120px 20px}.hero h1{font-size:65px;margin-bottom:20px}.hero p{max-width:800px;margin:auto auto 40px;color:#cbd5e1;font-size:22px}.hero button{background:#2563eb;color:#fff;border:none;padding:16px 35px;border-radius:12px;cursor:pointer;font-size:18px}.hero button:hover{transform:scale(1.05);background:#1d4ed8}.search-section{margin:60px auto}.search-section h2{margin-bottom:20px;font-size:36px}.search-section input{width:60%;max-width:700px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#1e293b;color:#fff;font-size:18px;outline:0}.categories{width:90%;margin:auto auto 70px}.category-box{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.category{background:rgba(255,255,255,.08);padding:15px 28px;border-radius:50px;cursor:pointer}.stat-box,footer{background:#111827;text-align:center}.category:hover{background:#2563eb;transform:translateY(-5px)}.tools{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);text-align:center;transition:.4s}.card:hover{transform:translateY(-10px);box-shadow:0 0 30px rgba(37,99,235,.4)}.card h2,.footer h2,.footer h3{margin-bottom:15px}.card p{color:#cbd5e1;margin-bottom:25px;min-height:60px}.card button{background:#2563eb;color:#fff;border:none;padding:12px 25px;border-radius:10px;cursor:pointer;transition:.3s}footer{padding:30px;border-top:1px solid rgba(255,255,255,.1)}.featured-card:hover,.stat-box:hover{transform:translateY(-8px);border-color:#2563eb}.featured-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.featured-card{border:1px solid #334155}.featured-card:hover{box-shadow:0 0 25px rgba(37,99,235,.4)}.featured-card h3{margin-bottom:15px;color:#60a5fa}.footer-links a:hover,.stat-box h2{color:#3b82f6}.stats{margin:80px auto;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.stat-box{padding:35px;border-radius:15px;border:1px solid #334155;transition:.3s}.stat-box:hover{box-shadow:0 0 20px rgba(37,99,235,.4)}.stat-box h2{font-size:42px;margin-bottom:10px}.stat-box p{color:#cbd5e1;font-size:18px}.badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;margin:10px 0}.free{background:#22c55e;color:#fff}.mixed{background:#f59e0b;color:#fff}.rating{color:#facc15;font-size:22px;margin-bottom:15px}.card button:hover{transform:scale(1.08);background:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,.6)}@media(max-width:768px){nav,nav ul{flex-direction:column}nav{gap:20px;padding:20px}.search-section input{width:90%}.category-box{flex-direction:column;align-items:center}.card,nav ul{width:100%}.menu-btn{display:block}nav ul{text-align:center;display:none;flex-direction:column;margin-top:20px}nav ul.active{display:flex}.hero h1{font-size:34px}.hero p{font-size:17px}.tools{grid-template-columns:1fr}}@media screen and (max-width:768px){#navLinks.active,nav{display:flex}#navLinks,.card{width:100%}.menu-btn{display:block}nav{justify-content:space-between;align-items:center;flex-wrap:wrap}#navLinks{display:none;flex-direction:column;margin-top:20px}#navLinks li{margin:12px 0;text-align:center}.hero h1{font-size:40px}.hero p{font-size:18px;padding:0 15px}.tools{grid-template-columns:1fr}}.ai-finder,.featured{width:90%;text-align:center}.footer{background:#101827;color:#fff;margin-top:60px;padding:50px 10%}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer p{color:#cbd5e1;line-height:1.8}.footer-links{display:flex;flex-direction:column}.footer-links a{color:#cbd5e1;text-decoration:none;margin:6px 0}.footer-bottom{text-align:center;border-top:1px solid #374151;margin-top:30px;padding-top:20px;color:#94a3b8}.menu-btn{display:none;font-size:30px;color:#fff;cursor:pointer}.featured{margin:60px auto}.featured h2{margin-bottom:30px;font-size:35px}.featured-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.featured-card{background:#1e293b;padding:25px;border-radius:15px;transition:.3s}.featured-card p{color:#cbd5e1;margin:20px 0}#themeBtn,.featured-card button{background:#2563eb;color:#fff;border:none;cursor:pointer}.featured-card button{padding:12px 20px;border-radius:8px}#themeBtn{padding:10px 15px;border-radius:8px;margin-left:20px;font-size:18px}.light-mode{background:#f5f5f5;color:#111}.light-mode nav{background:#fff}.light-mode .card,.light-mode .featured-card,.light-mode footer{background:#fff;color:#111}.light-mode p{color:#444}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:15px 30px;border:none;border-radius:10px;font-size:17px;font-weight:700;cursor:pointer;transition:.3s}.btn-primary,.visit-tool{background:#2563eb;color:#fff}.btn-secondary{background:#10b981;color:#fff}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-5px)}.hero-stats{margin-top:50px;display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.footer-logo,.logo{align-items:center}.hero-stats h2{font-size:35px;color:#2563eb}.hero-stats p{margin-top:5px}.card a,.finder-tool a{display:inline-block;margin-top:10px;text-decoration:none}.testimonials,.why-us{padding:80px 10%;text-align:center}.testimonial-card,.why-card{background:#1b2435;padding:30px;transition:.3s}.testimonials h2,.why-us h2{font-size:38px;margin-bottom:40px;color:#fff}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.why-card{border-radius:18px;border:1px solid rgba(255,255,255,.08)}.testimonial-card:hover,.why-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.4)}.why-card h3{color:#4da3ff;margin-bottom:15px;font-size:24px}.why-card p{color:#cfd8e3;line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.testimonial-card{border-radius:18px;border:1px solid rgba(255,255,255,.08)}.testimonial-card p{color:#ddd;line-height:1.7;margin-bottom:20px}.testimonial-card h4{color:gold;margin-bottom:10px}.testimonial-card span{color:#4da3ff;font-weight:700}.card,.card a,.logo{color:#fff}.logo{display:flex;gap:10px;font-size:28px;font-weight:700}.logo img{width:42px;height:42px;border-radius:10px}.footer-logo{display:flex;gap:15px}.footer-logo img{width:60px;height:60px;object-fit:contain}.ai-finder{max-width:1000px;margin:60px auto;padding:55px 25px;border-radius:25px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(80,50,180,.25),rgba(0,180,255,.15));border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 50px rgba(0,0,0,.25)}.ai-finder::before{width:300px;height:300px;border-radius:50%;background:rgba(0,200,255,.12);top:-120px;left:-100px;animation:5s ease-in-out infinite alternate finderGlow}.ai-finder::after{width:250px;height:250px;border-radius:50%;background:rgba(150,80,255,.12);bottom:-120px;right:-80px;animation:5s ease-in-out infinite alternate-reverse finderGlow}.ai-finder-content{position:relative;z-index:2}.ai-finder-icon{width:75px;height:75px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);animation:3s ease-in-out infinite robotFloat}.ai-finder h2{font-size:34px;margin-bottom:10px}.ai-finder p{opacity:.8;line-height:1.6}.finder-box{display:flex;gap:12px;max-width:750px;margin:30px auto 20px}#finderInput{flex:1;padding:17px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.15);outline:0;font-size:16px;background:rgba(0,0,0,.25);color:inherit;transition:.3s}#finderInput:focus{border-color:#7c5cff;box-shadow:0 0 25px rgba(124,92,255,.25)}#finderBtn{padding:17px 25px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;transition:.3s}#finderBtn:hover{transform:translateY(-3px) scale(1.02)}.finder-result{max-width:750px;margin:25px auto 0;padding:25px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:.4s}.finder-result-icon{font-size:30px;margin-bottom:10px}.finder-result h3{margin-bottom:8px}.finder-tool{margin-top:15px;padding:18px;border-radius:15px;background:rgba(255,255,255,.08);text-align:left}.finder-tool strong{font-size:20px}.finder-tool a{padding:9px 15px;border-radius:10px;font-weight:600}@keyframes robotFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes finderGlow{from{transform:scale(1);opacity:.5}to{transform:scale(1.3);opacity:.9}}@media (max-width:700px){.finder-box{flex-direction:column}#finderBtn{width:100%}.ai-finder{padding:40px 18px}.ai-finder h2{font-size:27px}}.card,.tools{padding:20px}.tools{max-width:1000px;margin:50px auto}.tools h2{text-align:center;margin-bottom:30px}.card{background:#1e293b;margin:20px 0;border-radius:12px}.card a{padding:10px 20px;background:#2563eb;border-radius:6px}.tool-details,.tool-info>div,.tool-section li{background:rgba(255,255,255,.06)}.card a:hover{background:#1d4ed8}.tool-details{width:90%;max-width:1000px;margin:70px auto;padding:50px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:25px;backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.35)}.tool-icon{width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:55px;background:rgba(37,99,235,.15);border:1px solid rgba(96,165,250,.3);border-radius:25px}.tool-details h1{font-size:48px;margin-bottom:10px}.tool-rating{color:#facc15;font-size:25px;margin-bottom:12px}.tool-badge{display:inline-block;background:#22c55e;color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:13px;margin-bottom:20px}.tool-description{max-width:750px;margin:0 auto 35px;color:#cbd5e1;font-size:18px;line-height:1.8}.tool-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.tool-info>div{padding:25px;border-radius:18px;border:1px solid rgba(255,255,255,.08);transition:.3s}.tool-info>div:hover{transform:translateY(-6px);border-color:#2563eb}.tool-info h3{margin-bottom:10px;color:#60a5fa}.tool-info p{color:#cbd5e1}.tool-section{margin-top:45px;padding:35px;background:rgba(255,255,255,.04);border-radius:20px;text-align:left}.tool-section h2{text-align:center;margin-bottom:25px;font-size:30px}.tool-section ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.tool-section li{padding:15px;border-radius:12px;color:#e2e8f0}.tool-actions{margin-top:40px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.tool-actions a{text-decoration:none}.back-tool,.visit-tool{padding:14px 25px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}.back-tool{background:#334155;color:#fff}.back-tool:hover,.visit-tool:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.25)}.light-mode .tool-details{background:#fff;border-color:#e2e8f0;color:#111}.light-mode .tool-description,.light-mode .tool-info p,.light-mode .tool-section li{color:#475569}.light-mode .tool-info>div,.light-mode .tool-section{background:#f8fafc;border-color:#e2e8f0}.light-mode .tool-section li{background:#eef2ff}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center}.tool-details{width:94%;padding:30px 18px;margin:40px auto}.tool-details h1{font-size:36px}.tool-description{font-size:16px}.tool-info,.tool-section ul{grid-template-columns:1fr}.tool-section{padding:25px 18px}.tool-section h2{font-size:24px}.tool-actions{flex-direction:column}.back-tool,.visit-tool{width:100%}}@media (max-width:768px){.menu-btn{display:block}#navLinks{display:none;flex-direction:column;position:absolute;top:70px;right:15px;width:220px;background:#1d2333;border-radius:10px;padding:15px}#navLinks.show{display:flex}#navLinks li{margin:12px 0}.categories,nav .logo,nav ul{display:flex;gap:8px}.footer-links,.hero,.read-button{text-align:center}nav{width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}nav .logo{align-items:center;font-size:20px;white-space:nowrap}nav .logo img{width:36px;height:36px;object-fit:contain}nav ul{width:100%;margin:10px 0 0;padding:0;flex-wrap:wrap;justify-content:center}nav ul li{margin:0}nav ul li a{display:block;padding:8px 10px;font-size:14px}.hero{width:100%;padding:45px 18px}.hero h1{font-size:32px;line-height:1.2;margin-bottom:15px}.hero p{font-size:16px;line-height:1.6;padding:0}#searchInput,.hero input{width:100%;max-width:100%;font-size:16px;padding:13px 15px}.categories{flex-wrap:wrap;justify-content:center;margin-top:20px}.blog-grid,.tools{grid-template-columns:1fr;gap:18px}.categories button{padding:9px 12px;font-size:14px}.tools{width:100%;padding:20px 15px;display:grid}.blog-card,.card{width:100%;min-width:0;padding:20px}.card h2{font-size:21px}.blog-card p,.card p{font-size:15px;line-height:1.6}.card button{width:100%;min-height:44px}.blog-container{width:100%;margin:25px auto;padding:15px}.blog-header{margin-bottom:30px}.article-header h1,.blog-header h1{font-size:30px;line-height:1.25}.blog-header p{font-size:16px;line-height:1.6}.blog-card h2{font-size:20px;line-height:1.35}.read-button{width:100%;padding:12px 15px}.article-container{width:100%;max-width:100%;margin:25px auto;padding:15px}.article-content{font-size:16px;line-height:1.75}.article-content h2{font-size:24px;line-height:1.3}.article-content h3{font-size:20px}.footer{width:100%;padding:35px 18px}.footer-links{line-height:2}.footer-links a{font-size:14px}.footer-bottom{font-size:13px;line-height:1.5}}@media (max-width:400px){.article-header h1,.blog-header h1,.hero h1{font-size:27px}.blog-card,.card{padding:17px}.categories button{font-size:13px;padding:8px 10px}}