*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#0f172a;color:#e2e8f0}.container{max-width:900px;margin:auto;padding:20px}h1,h2{margin-bottom:15px}button{background:#3b82f6;border:none;padding:10px 18px;color:#fff;border-radius:6px;cursor:pointer;transition:.3s}button:hover{background:#2563eb}textarea{width:100%;padding:12px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#fff;margin-bottom:10px}pre{background:#020617;padding:15px;border-radius:6px;overflow-x:auto;margin-top:10px}.card{background:#1e293b;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000004d}.seo-content{margin-top:30px;padding:20px;background:#1e293b;border-radius:10px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#0f172a;color:#fff}.navbar a{margin:0 10px;color:#38bdf8;text-decoration:none}.home{padding:20px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.tool-card{background:#1e293b;padding:15px;border-radius:10px;color:#fff}.tool-card a{display:inline-block;margin-top:10px;color:#22c55e}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.tool-card{padding:15px;border:1px solid #ddd;border-radius:10px}.intro{max-width:700px;color:#444;margin-bottom:20px;line-height:1.5}.tool-search{width:100%;max-width:400px;padding:10px 12px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:14px}.site-footer{margin-top:40px;padding:20px 0;border-top:1px solid #eee;text-align:center;color:#777;font-size:14px}.site-footer a{color:#22c55e;text-decoration:none}