.list-skills{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a}.list-skills h1{font-size:2rem;text-align:center;color:#333;margin-bottom:20px;border-bottom:2px solid #007bff;display:inline-block;padding-bottom:10px}.filters{display:flex;gap:20px;margin-bottom:20px}.filters label{flex:1;font-size:.9rem;color:#555;display:flex;flex-direction:column}.filters input{margin-top:5px;padding:8px 10px;border:1px solid #ccc;border-radius:5px;font-size:.9rem;color:#333}.filters input:focus{outline:none;border-color:#007bff;box-shadow:0 0 3px #007bff80}.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.skill-block{background-color:#fff;border:1px solid #eee;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.skill-block:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.skill-block h2{font-size:1.2rem;color:#007bff;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:5px}.skill-block p{font-size:.9rem;color:#666;margin-bottom:10px;line-height:1.5}.skill-block small{display:block;font-size:.8rem;color:#999;text-align:right}.skills p{font-size:1rem;color:#888;text-align:center;margin-top:20px}