*{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}