*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#dbeafe;--secondary:#7c3aed;--accent:#06b6d4;--light:#f8fafc;--dark:#1e293b;--gray:#64748b;--light-gray:#f1f5f9;--border:#e2e8f0;--card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--hover-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}body{background-color:#fff;color:var(--dark);line-height:1.6;min-height:100vh}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;width:100%;top:0;z-index:1000}header .container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#333;font-weight:700;font-size:1.5rem}.logo-img{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.hero{padding:60px 0 40px;text-align:center;background:linear-gradient(to bottom,#f8fafc,#fff)}.hero h1{font-size:42px;font-weight:700;margin-bottom:16px;color:var(--dark)}.hero p{font-size:18px;color:var(--gray);max-width:600px;margin:0 auto 32px}.search-bar{max-width:600px;margin:0 auto 40px;position:relative}.search-bar input{width:100%;padding:16px 24px;border-radius:50px;border:2px solid var(--border);font-size:16px;background:#fff;transition:.3s}.search-bar input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.search-bar i{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--gray);font-size:18px}.stats{display:flex;justify-content:center;gap:60px}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{font-size:16px;color:var(--gray)}.tools-section{padding:60px 0}.section-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:40px;color:var(--dark)}.category-title{font-size:24px;font-weight:600;margin:50px 0 25px;padding-bottom:12px;border-bottom:3px solid var(--primary-light);color:var(--primary);display:flex;align-items:center;gap:10px}.category-count{background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.tool-card{background:#fff;border-radius:10px;padding:24px;box-shadow:var(--card-shadow);transition:.3s;text-decoration:none;color:var(--dark);border:1px solid var(--border);display:flex;align-items:flex-start;gap:16px}.tool-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-3px)}.tool-icon{width:50px;height:50px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-icon i{font-size:24px;color:var(--primary)}.tool-content{flex:1}.tool-name{font-size:18px;font-weight:600;margin-bottom:8px}.tool-desc{font-size:14px;color:var(--gray);line-height:1.5}footer{background:var(--dark);color:#fff;padding:50px 0 30px;margin-top:40px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column h3{font-size:18px;font-weight:600;margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e1;text-decoration:none;font-size:14px;transition:.2s}.footer-links a:hover{color:#fff}.copyright{text-align:center;padding-top:30px;border-top:1px solid #334155;color:#94a3b8;font-size:14px}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.hero h1{font-size:32px}.hero p{font-size:16px}.stats{gap:40px}.section-title{font-size:28px}.tools-grid{grid-template-columns:1fr}}@media(max-width:480px){.logo{font-size:24px}.hero h1{font-size:28px}.stats{flex-direction:column;gap:30px}.tool-card{padding:20px}}